WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] UL list-style not working (6 posts)

  1. QuincyRossieau
    Member
    Posted 1 year ago #

    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.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

    ol, ul, li {
        list-style: none outside none;
    }
  4. QuincyRossieau
    Member
    Posted 1 year ago #

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

  5. curlybracket
    Member
    Posted 1 year ago #

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

  6. QuincyRossieau
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic