WordPress.org

Support

Support » How-To and Troubleshooting » Bullet points aren't showing up on my pages

Bullet points aren't showing up on my pages

  • Hello folks,

    I’m having trouble using bullet points on my new website http://www.maisiehill.com/

    They’re showing up on WYSIWYG, but when I publish, they disappear, though the indentation stays and the spacing between the lines increases.

    There are two examples of this on my homepage, as well as on several other pages.

    Any tips?

    Thanks in advance, Maisie.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Your stylesheet for:

    .entry li

    is using

    list-style-type: none;

    See this for your other options

    Thanks for your help!

    Is it the list-style-type in this section that I should alter?

    /* Begin Lists */
    html > body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: 0px;}
    html > body .entry li {margin: 7px 0 8px 10px;}
    .entry ol {padding: 0 0 0 35px; margin: 0;}
    .entry ol li {margin: 0; padding: 0; list-style: decimal outside;}
    .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none;}
    .entry dl { margin: 1.5em 0pt; }
    .entry dd{margin:0; padding:0 15px 15px; }
    .entry table { margin: 0pt auto;}
    .entry th, .entry td { height: 1em; line-height: 18px; padding:10px; }
    ol li, #sidebar ul ol li {list-style: decimal outside;}

    Change:

    html > body .entry li {margin: 7px 0 8px 10px;}

    to:

    html > body .entry li {margin: 7px 0 8px 10px; list-style-type: square;}

    If the ‘indent’ is then too large, change the margin in above that is now 10px to a lower number such as 4px

    Note: If you directly edit your theme’s files, you will need to re-edit each time a theme update is done. Use a Child Theme to avoid this.

    No joy, is there anything else I need to change?

    Thanks for your responses!

    I tested this with a site inspection tool and it worked fine…makes ure you are editing the proper stylesheet and clear any server cache.

    Thank you, it has worked it just took a while for the change to show up (which seems odd).

    My new question is how can I reduce the spacing between each sentence?

    You can see an example on my homepage: http://www.maisiehill.com/

    And here’s the code:

    /* Begin Lists */
    html > body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: 0px;}
    html > body .entry li {margin: 7px 0 8px 10px; list-style-type: square;}
    .entry ol {padding: 0 0 0 35px; margin: 0;}
    .entry ol li {margin: 0; padding: 0; list-style: decimal outside;}
    .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none;}
    .entry dl { margin: 1.5em 0pt; }
    .entry dd{margin:0; padding:0 15px 15px; }
    .entry table { margin: 0pt auto;}
    .entry th, .entry td { height: 1em; line-height: 18px; padding:10px; }
    ol li, #sidebar ul ol li {list-style: decimal outside;}

    ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6 {}
    ul.bullet-1 li, ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li, ul.bullet-6 li {list-style-image:none; list-style-position:outside; list-style-type:square; margin-bottom:5px !important; padding-bottom:3px !important; padding-left:22px !important;}
    ul.bullet-1 li {background:url(images/bullets/3.gif) no-repeat 0 5px;}
    ul.bullet-2 li {background:url(images/bullets/4.gif) no-repeat 0 5px;}
    ul.bullet-3 li {background:url(images/bullets/1.gif) no-repeat 0 5px;}
    ul.bullet-4 li {background:url(images/bullets/2.gif) no-repeat 0 5px;}
    ul.bullet-5 li {background:url(images/bullets/5.gif) no-repeat 0 5px;}
    ul.bullet-6 li {background:url(images/bullets/6.gif) no-repeat 0 5px;}
    /* End Entry Lists */

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Bullet points aren't showing up on my pages’ is closed to new replies.
Skip to toolbar