CODEWITHSUNDEEP
htmlcsswordpress
Andy at Focallocal
Andy at Focallocal

Reputation: 176

margin fixes list-style wordpress pages bullet points issue - how to stop them appearing in my main menu?

i added this to Wordpress so it would show bullet points (which seem to be hidden by my theme)

ul {
    list-style-type: disc;
    margin-left: 1.5em;
}

it worked, but now the main navigation menu also had bullet points on each item and sub item.

i tried this to fix it, but it didnt work.

#menu ul {
    list-style-type: disc;
    margin-left: 0;
}

Any ideas would be really appreciated. thanks.

Upvotes: 0

Views: 243

Answers (2)

Alexandru Burdulea
Alexandru Burdulea

Reputation: 67

Add to: header .menu ul li (style.css line 343).

list-style: none;

Upvotes: 0

Manjunath Siddappa
Manjunath Siddappa

Reputation: 2157

if you want to stop list-style add none infront of it.

removed list-style in menu links

header .menu {
float: right;
position: relative;
z-index: 1000;
font-family: 'TitilliumText25L600wt';
list-style: none;
}

removed list-style in sub links

header .menu ul li ul li {
background-color: #ffb400;
background-image: none;
list-style: none;
}

added border in sub links

header .menu ul li:hover ul li a {
color: #ffffff;
background: none;
border-bottom: 1px solid #5C5A52;
}

Working screenshot

enter image description here

Refer this link for more info

http://css-tricks.com/almanac/properties/l/list-style/

Upvotes: 2

Related Questions