ul and ol list styles are different from p styles

  • Resolved tatmanta

    (@tatmanta)


    8 months, 3 weeks ago

    Hey team – title says it all but for the life of me I can’t get the ul and ol list styles to match the size and spacing of the paragraph font. I’ve added the following CSS which helped (a bit) but I’m still showing varying space between lines for ordered lists and unordered lists. Appreciate any help here!

    Target outcome: paragraph and list styles maintain the same and consistent font style, size, spacing, color, etc.

    Page example: https://travs.blog/adam-grant-creative-filtering-process

    /* blog post text format */
    .blog .content-main {
    width: 100%;
    max-width: 100%; padding-right: 100px; } ol {line-height:1.5em !important; font-size: 1em !important} ul {line-height:1.5em !important; font-size: 1em !important} main {padding: 0px 30px 0 !important;}

    .single-post header.main .meta
    {font-size: .8em;
    font-weight: 400;}

    .single-post p
    {font-size: 1em;
    font-weight: 400;}

    .single-post li {
    font-size: 1em !important; font-family: pt sans, sans !important;

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Rough Pixels

    (@roughpixels)

    8 months, 3 weeks ago

    Greetings!

    This is the culprit:

    li {
padding-bottom: 0.9em;
}

    Make that value 0 and you’re good to go! You can target just the main content area only by doing this:

    .hentry li {
    padding-bottom: 0;
    }

    .hentry li {
padding-bottom: 0;
}
    Thread Starter tatmanta

    (@tatmanta)

    8 months, 3 weeks ago

    Perfecto. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘ul and ol list styles are different from p styles’ is closed to new replies.