Help Removing ul Bullets

  • Resolved JSDavis82

    (@jsdavis82)


    18 years, 2 months ago

    Hey I just recently brought my blog to wordpress from blogger.com. I installed the KingLinks widget for my sidebar link list and it puts a bullet beside each link, in addition to the bullet image from the style sheet.

    The links are wrapped in <li> and </li> and separated by <br/>. This is the same format i used in the default links widget, and the aforementioned bullet issue didn’t occur.

    my site is https://www.jeffrey-davis.net/blog/

    I’d really appreciate it if someone could help me out. thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

  • try

    ul.classOfUl { list-style-type:none; }

    Thread Starter JSDavis82

    (@jsdavis82)

    hmm, I tried ul.navigate{list-style-type:none;}

    but it didn’t work. any other suggestions? Does this have to do with the fact that it’s a widget populating the list?

    Thread Starter JSDavis82

    (@jsdavis82)

    Maybe it’d be helpful to post my sidebar styling:


    .navigate {
    padding: 10px 0 30px 35px;
    font-size: 10px;
    font-family: verdana, sans-serif;
    }
    .navigate ul {
    list-style-type: none;
    font-size: 11px;
    padding: 0;
    margin: 0;
    }
    .navigate li a {
    background: url("images/arw.gif") no-repeat top left;
    text-decoration: none;
    display: block;
    color: #7F8062;
    border-bottom: #1F270B 1px solid;
    padding: 4px 0 4px 21px;
    margin: 0;
    }
    * html .navigate li a {
    height: 13px;
    }
    .navigate li a:hover {
    background: url("images/arw2.gif") no-repeat top left;
    text-decoration: none;
    color: #F7FABF;
    }
    .navigate li li a {
    background: url("images/sub.gif") no-repeat top left;
    text-decoration: none;
    display: block;
    color: #7F8062;
    border-bottom: #1F270B 1px solid;
    padding: 4px 0 4px 41px;
    margin: 0;
    }
    .navigate li li a:hover {
    background: url("images/sub2.gif") no-repeat top left;
    text-decoration: none;
    color: #F7FABF;
    }

    Someone let me know if you need the sidebar.php. thanks

    Moderator Samuel Wood (Otto)

    (@otto42)

    www.remarpro.com Admin

    I have not used the King Links widget, however your problem is that though each link is wrapped in LI, the entire list of links needs to be wrapped in a UL as well. Do that and the bullets will disappear.

    Instead of:
    <h4>
    blog love
    </h4><div class="navigate">
    <li><a href="https://www.iveyfamily...
    ...
    </div>

    You need:
    <h4>
    blog love
    </h4><div class="navigate">
    <ul>
    <li><a href="https://www.iveyfamily...
    ...
    </ul>
    </div>

    Thread Starter JSDavis82

    (@jsdavis82)

    sweet, thanks otto. I actually juuuust realized that from the w3c validator just before you posted that. The tricky part was figuring out how to wrap that widget with the correct markup. Finally got it though.

    thanks alot otto. what do you think of my blog?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Help Removing ul Bullets’ is closed to new replies.

Tags