Support » Themes and Templates » UL list-style not working

  • Resolved QuincyRossieau


    On a website of mine i can’t seem to get the unordered list to work.

    It does not show any bullets, and i can’t find anything in my CSS that seems to cause this problem.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Andrew Nevins


    Forum moderator

    The problem is from CSS. Use a Browser Inspector Tool to easily find causes to these issues.



    The reset CSS file has this — which is removing any bullets:

    ol, ul, li {
        list-style: none outside none;



    @wpyogi, i thought you had the answer, but the <ul> just does not seem to react on the css in the style.css.

    Not only is the list-style-type not working, the <ul> also does not repsond to any margins or padding assigned to it.

    I guess i’m just going into debugging now, start with an empty css file and just add in the css-code one line at the time.


    if there is a browser reset on top of your css file, similar to this :
    *{ margin: 0; padding: 0;}
    then it is probable that your lists need a margin-left.

    I generally add

    ul, ol { margin: 0 0 1em 1.5em; }



    I resolved the problem!

    The problem was caused by css code in the reset.css document, but I did not see any changes made to that file using the Browser Inspector in Google Chrome.

    Next i saw code in the Browser Inspector that i knew i deleted. It seems that Google Chrome has no way to hard-reset the browser (shift-F5). When i opened the pagine in Safari, Firefox or IE everything looked good, so i now use Firefox for webdevelopment.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘UL list-style not working’ is closed to new replies.