Change thickness of Latest Posts divider?

  • Resolved Jeff Miller

    (@bizethics)


    2 years, 10 months ago

    Hello, is there a way to change the thickness of the divider that is used between posts in the Latest Posts block, in Twenty TwentyOne theme?

    I found this in the CSS, which appears to govern the standard thickness:

    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
    border-top: calc(3 * var(–separator–height)) solid var(–global–color-border);
    border-bottom: calc(3 * var(–separator–height)) solid var(–global–color-border);
    }

    I’d like to have a thicker line; is this possible?

    Thanks,

    Jeff Miller

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Ian Sackofwits

    (@plantprogrammer)

    2 years, 10 months ago

    Hi, bizethics, you can use the following CSS to modify the thickness of the divider:

    ul.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
border-bottom: calc( 5 * var(--separator--height) ) solid var(--global--color-border);
}

    Change the value of 5 to be whatever thickness you wish the thickness to be.

    Thread Starter Jeff Miller

    (@bizethics)

    2 years, 10 months ago

    Hi Ian, thank you so much for this. I saw the code beginning with “ul” but did not think that it had anything to do with the separator. I added this to the Customize | Additional CSS section. All good, now. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change thickness of Latest Posts divider?’ is closed to new replies.