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

  • Resolved QuincyRossieau

    (@quincyrossieau)


    On a website of mine Cosseco.nl 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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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;
    }

    Thread Starter QuincyRossieau

    (@quincyrossieau)

    @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.

    Hello,

    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; }

    Thread Starter QuincyRossieau

    (@quincyrossieau)

    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.