Set default column and row gap for block, div, container

How To
1

Hi guys, could I set default value for col-gap and row-gap for block, div, and container? I can set global style at setting → theme style but found no option for gap.

2 Likes
2

Take a look at Automatic CSS

1 Like
3

Yes this would be much needed :slight_smile:, and without an external Framework :wink:

In the meantime this is what I do on some sites when I need auto gaps:

.brxe-container {
    gap: var(--container-gap);
}
.brxe-block {
    gap: var(--content-gap);
}
2 Likes
4

Thanks so muchs. it’s the same way I do now. Hope at it will be added as a feature soon

5

Definitely would love to see this as a feature request for sure! :slight_smile: So far just using custom CSS but not as nice (makes changing things slightly slower than when already in the editor).

6

Great idea! Forgive my ignorance, but where are you setting those variables?

7

It is just some custom CSS.
You can put it in your child theme’s style.css file or use Bricks setting custom code tab or use a code snippets plugin.

1 Like
8

Thanks for replying. Ah, so you’re just setting those specific container-gap and content-gap variables in your own custom CSS? Wasn’t sure if you were pulling those from Bricks somewhere.

9

Yes, my own personal settings.

1 Like
10

Hopefully this small improvement can be considered for the next release, @timmse? It would be a huge help! :slight_smile: