SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Aug 2008
    Posts
    322
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    list-style-type:none won't remove bullets

    I built this page and then put it into wordpress and now I can't get rid of the bullets for the lists. I'm using list-style-type:none in the css, but still the bullets are there. Any suggestions?

  2. #2
    SitePoint Member
    Join Date
    Sep 2012
    Location
    Dhaka, Bangladesh
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You have to put it under ul.

    HTML Code:
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Forums</a></li>
        <li><a href="#">Resources</a></li>
        <li><a href="#">Marketplace</a></li>
        <li><a href="#">Bookstore</a></li>
        <li><a href="#">Courses</a></li>
    </ul>
    Code:
    ul {
        list-style-type: none;
    }
    If you don't know how to override Wordpress CSS, you may consider using inline CSS.
    HTML Code:
    <ul style="list-style-type: none;">
        <li><a href="#">Home</a></li>
        <li><a href="#">Forums</a></li>
        <li><a href="#">Resources</a></li>
        <li><a href="#">Marketplace</a></li>
        <li><a href="#">Bookstore</a></li>
        <li><a href="#">Courses</a></li>
    </ul>
    You can use !important to override inline CSS. Thought may be you should know.
    HTML Code:
    <ul style="list-style-type: square;">
        <li><a href="#">Home</a></li>
        <li><a href="#">Forums</a></li>
        <li><a href="#">Resources</a></li>
        <li><a href="#">Marketplace</a></li>
        <li><a href="#">Bookstore</a></li>
        <li><a href="#">Courses</a></li>
    </ul>
    Code:
    ul[style] {
        list-style-type: none !important;
    }

  3. #3
    SitePoint Addict
    Join Date
    Aug 2008
    Posts
    322
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thx that worked


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •