CODEWITHSUNDEEP
wordpresscss
Tithos
Tithos

Reputation: 1417

How do I remove list bullets?

I am am having trouble removing list bullets on my on line resume. I have tried the following :

.nobull {
  list-style: none; 
  list-style-type: none;
}

And clearing my browser cache. Here in a link to the resume.

Upvotes: 0

Views: 2351

Answers (3)

Richard
Richard

Reputation: 8280

You're attempting to set the property on your p tags, you'll want to either eplicitly set the class on the ul elements, or embed your ul elements inside the p tag (which I think is invalid markup, but I could be wrong there).

ul.no-bull,
.no-bull ul
{
    list-style: none;
}

Alternatively you could adopt an "opt-in" approach to bullet points, which is what most tend to do; this saves you from having to add no-bull to each ul. Something like this:

ul
{
    list-style: none;
    margin: 0;
}
ul.has-bullets
{
    list-style: none outside disc;
    margin-left: 18px;
}

Upvotes: 2

Puyol
Puyol

Reputation: 3109

Just list-style: none; works, but I don't see where you use the class .nobull

Upvotes: 0

Evernoob
Evernoob

Reputation: 5561

ul {
  list-style-type:none !important;
}

Upvotes: 1

Related Questions