Posts Block reduce space between articles

  • Resolved mbrailer

    (@mbrailer)


    2 months ago

    I am creating a sidebar within a Row Layout. In the sidebar there will be a heading, using the Advanced Text block, and an instance of the Posts block, limited to the top three articles.

    The vertical gap between the three articles is much too large and I would like to close it up, but I don’t see a control for that within the settings for the Posts block.

    The only control for vertical gap that I can find is for the parent block (Section). However, the vertical gap setting only affects the gap between the two blocks (Text and Posts). It has no effect on the vertical spacing between the posts.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Shayne Sanderson

    (@stastic)

    Hi,

    I’m glad you reached out. We can likely assist with some CSS to adjust the spacing but we would need to see the site/page in order to do so. Please share the URL where this is happening and we can take a look.

    Thanks

    Plugin Support architalevelup

    (@architabasandrai20)

    Hi @mbrailer

    I’m glad you reached out. I’d be happy to help.

    The?row-gap: 2.5rem;?comes from the Kadence blocks plugin by default. There’s no option within the block settings to adjust the row gap between posts.

    What we can do is apply some CSS to override the spacing. You can add Custom CSS in your Customizer > Additional CSS:


    .    widget-area .wp-block-kadence-posts{
    ? ? row-gap:0rem
    }

    If you are using Kadence Blocks Pro, you can use Post/grid carousel block. It has the option to adjust the column and row gap.

    I hope this helps. Let us know if we can assist you further.

    Best Regards,
    Archita

    Plugin Support karlalevelup

    (@karlalevelup)

    Hi,?@mbrailer !

    Just checking in on this topic. Do you still need assistance here?

    If you’re all set, we’ll set the topic as resolved. Otherwise, let us know if we can assist you further.

    Thread Starter mbrailer

    (@mbrailer)

    Thanks for checking back in. Unfortunately, the code snippet shared above didn’t have any effect. I’m going to try another plugin.

    Had the same, this works!

    .wp-block-kadence-posts.grid-cols {
       row-gap: 0.2rem;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.