Reduce Space Between Columns

  • Resolved Mimi

    (@feedmi)


    12 months ago

    How do I decrease the space in between columns? I would like this to be applied to posts and pages but not categories. Thank you in advance!

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Steven (LyraThemes)

    (@stevenlyrathemes)

    Hi Mimi,

    Thanks for getting in touch!

    I’m so sorry…at a glance I’m not 100% sure which columns you had in mind- do you think you might could share just a bit more detail on the specific columns you need spacing reduced on? Thanks so much!

    Thread Starter Mimi

    (@feedmi)

    Hi Steven,

    The 3 columns at the bottom for the images under the “More Comforting Recipes You Need To Try” heading. These were made using the columns block.

    More examples are here: feedmi.org/links/

    Steven (LyraThemes)

    (@stevenlyrathemes)

    Ah, gotcha…thanks so much! This can be reduced with a bit of CSS like this:

    .page :where(.wp-block-columns.is-layout-flex),
.single-post :where(.wp-block-columns.is-layout-flex) {
    gap: 1em;
}

    Thanks again, let us know if you need anything else!

    Thread Starter Mimi

    (@feedmi)

    This is perfect, thank you so much!

    Separate question but related to columns, is there CSS that can create like a sliding/scrolling within columns or rows? Or would I need to install a plug-in for that?

    For example 3 columns would be displayed but users can see more by scrolling.

    Great to hear that the CSS worked out! ??

    Unfortunately for a slider, you would likely need some type of plugin, it’s not feasible to achieve that in this type of scenario with CSS alone. Very sorry!

    Thread Starter Mimi

    (@feedmi)

    No problem, thanks so much for your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Reduce Space Between Columns’ is closed to new replies.