WordPress.org

Ready to get started?Download WordPress

Forums

Bullet points aren't showing up on my pages (7 posts)

  1. queenspindles
    Member
    Posted 1 year ago #

    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.

  2. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Your stylesheet for:

    .entry li

    is using

    list-style-type: none;

    See this for your other options

  3. queenspindles
    Member
    Posted 1 year ago #

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

  4. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    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.

  5. queenspindles
    Member
    Posted 1 year ago #

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

    Thanks for your responses!

  6. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    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.

  7. queenspindles
    Member
    Posted 1 year ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Topic