htmlcss

Removing bullets from unordered list

Edit

The html and css for the site I am working on can be found at http://http://new.oranaschool.com/

/Edit

I am trying to remove the bullets showing in the top horizontal menu (Home...Contact). I have tried the advice given in Removing "bullets" from unordered list <ul> but still the bullets persist.

Can someone have a look at the CSS and tell me what I need to add to which CSS class? This has been driving me nuts now for a couple of hours.

Solution

  • remove background-image from this 

    .navigation ul.sf-menu > li:before {
     background: url(../images/menu_bull.png) 0 0 no-repeat; /** remove this */
}

    and if you don't want to edit the original code add

    .navigation ul.sf-menu > li:before {
         background: url('');
    }