Picture padding with Gutenberg

Hello

Having updated to the Gutenberg editor I am experiencing some challenges with the paddings between the pictures.

1. Using two picture blocks after each other give me a padding twice the size I had before the upgrade. I find the smaller padding nicer.

2. I use columns block (not the picture gallery block) when I have two portrait format pictures; as this shows the pictures next to each other on desktop and one under the other on mobile. But I get a huge padding between the two pictures on desktop and also bigger padding between the column block and the next picture block than usually.

Is this something which will be changed in next theme updates? Is it possible to create a “same padding as before Gutenberg” adjustment by CSS code?

New padding with Gutenberg: https://test.ladiesabroad.se/2019/01/gutte-pyrgos-pa-santorini-alltsa/

Old (nice) padding: https://www.ladiesabroad.se/2019/01/hong-kong-utflykt-macao.html

Thanks from Lena

Thanks a million. The provided CSS totally solved the desktop issue; it looks perfect now.

On my iPhone I still have a larger padding above the two portrait format pictures. Also I have a small extra padding to the right of the first portrait picture, and dito to the left of the second portrait format picture (in the column block).

Are those issues possible to sole as well?

Thanks again.

I solved the problem above by changing the columns padding to 0 px, and paste this to the phones repsonsive CSS section.

But one last question anyway. The 8 px botton padding works pefect for the image block as well as for the column block. Exept from when the block after is a text block without a heading. The text then comes to close to the picture, both on desktop and mobile. Is this possible to adjust as well?

https://test.ladiesabroad.se/2019/01/gutte-pyrgos-pa-santorini-alltsa/

Thanks a million in advance.

Hi again

I really love what the CSS changes above does to my blog, both on desktop and mobile. But after the last WP/theme update something has changed on the desktop; the two columns with pictures next to eachother are no longer the same size of the pictures in the text blog/width. https://www.ladiesabroad.se/2019/04/isla-holbox-mexiko.html, scroll down a bit. (At least I noticed it had changed today, and I did the updates yesterday.)

At the moment I have this CSS pasted into the Costum CSS section:
.single .wp-block-column:not(:last-child) { margin-right: 5px; } .single .wp-block-column:not(:first-child) { margin-left: 5px; } .single .wp-block-image{ margin-bottom: 8px; } .single .has-2-columns .wp-block-column{ margin-bottom: 0px; } .td-post-content p { margin-top: 26px; }

And this in the Advanced CSS -> iPhone section:
.single .wp-block-column:not(:last-child) {
margin-right: 0px;
} .single .wp-block-column:not(:first-child) {
margin-left: 0px;
}

Thanks, the latest adjustrments worked perfectly.

Is also it possible do do the same changes to the galley block of the space between the pictures and also to the above and below block space as done to the columns block?

https://www.ladiesabroad.se/2017/05/test-gallery-column-blocks.html

Thanks, again.