Site logo

Archived topic

Buttons spacing

3 replies · Started by Mary on March 4, 2022

Viewing posts 1–4 of 4

Hello,

I just looked at what the buttons look like on the mobile. The buttons that are on the same line/same element are displayed without spaces between them.

screenshot: https://prnt.sc/CsvG85kuPWVh

When creating them, I will choose columns, click 2 columns, add buttons on each column. Then repeat it on the next line (not the same column). As you can see, there is plenty of space between the buttons that are created on their respective line but no space between buttons that are on the same line/element/column.

Is there a way to fix this with one go? I also don't see spacing options on WordPress or when I go to the customizer. If I remember it right, it wasn't used to be like that. There were small spaces between. Not sure if the WP update did this.

Also for desktop view, there's barely any space between the buttons and the next heading. Sure, I could simply use the spacer block but I'll have to do that 10-15 times in one post, perhaps, there's a better way to solve this?

screenshot: https://prnt.sc/XxJIMkN45cJq

Thanks for your help,

Mary

Hi there,

try adding this CSS:

.wp-block-buttons > .wp-block-button {
    margin-bottom: 1em;
}

Hi David,

Thank you so much. That worked!

Glad to hear that!

This archived topic is closed to new replies.