Additional CSS not working?

  • Resolved gerrymolloy

    (@gerrymolloy)


    7 years, 4 months ago

    Blog post formatting not appearing

    The formatting was working fine for dozens of posts, but now when I create a new post the formatting (e.g. Bulleted or Numbered lists) is there in visual editor but does not display when I preview or publish.

    I am typing in directly, no cut and paste. I am on Windows 10, Chrome, WordPress 4.8.
    The theme is a child theme of Cherry.

    What I have in Additional CSS is:
    .panel ul {
    list-style: disc;
    }

    ol {
    list-style: disc;
    }

    Thanks, Gerry

    The page I need help with: [log in to see the link]

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I double-checked and your Additional CSS is working, but some other styles are overriding your CSS.

    Because of this try using more specific CSS selectors, like:

    
body ul,
body ol {
    list-style: disc;
}
    Thread Starter gerrymolloy

    (@gerrymolloy)

    So I replaced

    .panel ul {
    list-style: disc;
    }

    ol {
    list-style: disc;
    }

    with

    body ul,
    body ol {
    list-style: disc;
    }

    But its still not working?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try this instead:

    
body ul,
body ol {
    list-style: disc;
    list-style-position: inside;
}
    Thread Starter gerrymolloy

    (@gerrymolloy)

    Progress!

    I did 3 lines of both an ordered and unordered list and it worked for the unordered (all 6 lines came out as unordered).

    I then changed both to ordered and it still all came out as unordered.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I misunderstood your intention from the other thread. If you want to use numbered list for OL tags and bullet lists for UL tags, try this:

    
body ul,
body ol {
    list-style-position: inside;
}

body ul {
    list-style-type: disc;
}

body ol {
    list-style-type: decimal;
}
    Thread Starter gerrymolloy

    (@gerrymolloy)

    Thanks Andrew, seems to be sorted!

    Best regards, Gerry

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Additional CSS not working?’ is closed to new replies.