Get rid of border in horizontal list

  • Resolved kzblog

    (@kzblog)


    14 years, 12 months ago

    Using wp_list_categories to make a horizontal menu bar at the top of my site. So I have:

    <ul id="nav-cat" class="clearfloat">
<?php wp_list_categories('title_li=''); ?>
</ul>

    The problem is that I have what looks like a dotted border after every category. I really want to get rid of it, or at the very least, the last border because it looks silly. Tried doing it with css but nothing seems to work

    #nav-cat, #nav-cat li, #nav cat a, #nav-cat ul {
border:none;
}

    has no effect.

    Any ideas how to get rid of the border?

    My site is KZBlogn in case you want to look at what I mean.

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

  • The menu style appears to be coming from the nav.css file (see line 138)

    If you use:

    #nav-cat li {
  border-right:none;
}

    At the end of that file you should accomplish removing the dotted borders between all of the menu items.

    You can also look at:

    #nav-cat li:last {
  border-right:none;
}

    to remove the “last” border only.

    Thread Starter kzblog

    (@kzblog)

    For some odd reason, placing

    #nav-cat li {
  border-right:none;
}

    at the very end of the css file worked. I had been placing it where the rest of the style commands for that section were–where I was setting link color and all that–which failed.

    Thanks cais!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Get rid of border in horizontal list’ is closed to new replies.