[Resolved] Problems with the new Group-Block and the internal distance/ padding

[Samuel]

Moin moin,

I am currently working with the new Group-Block from Gutenberg 5.5. Unfortunately I don’t have an inner distance. Therefore I have tried the following:

.wp-block-group.has-background {
    padding: 20px 30px;
}

But that would be the result: http://prntscr.com/nfcalh

I am aware that Gutenberg is still in development and not working 100% with the themes. It would still be nice if I could at least solve this temporarily.

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

within your CSS add:

box-sizing: border-box;

This will keep the padding within the elements width as opposed to increasing its size.

Group Block still requires some ‘love’ from the Gutenberg Developers. We’re not sure who will be left responsible for adding Block styling. When we know we will react accordingly.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Samuel]

Nice. Thank You very much.

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts