[Support request] Adjust Spacing After Blog Post Images in Articles

[jal-mj]

The spacing after blog post images has changed with the last WordPress update. Now it has not any space. I have read in another thread that I can add this CSS:

`figure img {
margin-bottom: 1.5em;
}

It works well but not after youtube videos (I don’t know the selector of youtube videos).

Besides it, if you write a description where WordPress says “Add caption” the margin is created before the description, and it should go after it, otherwise it looks strange.

Screenshots:

https://ibb.co/9GxFnX0
https://ibb.co/bNPxvq1

Thank you.

[Ying]

Hi there,

For Youtube video, you can use this selector: figure.wp-block-embed.is-provider-youtube

For the image blocks, try to use this CSS instead:

figure.wp-block-image {
    margin-bottom: 2em;
}

[jal-mj]

Is working for youtube, but not for images. 🙁 I must doing something wrong.

[Ying]

I can still see this CSS on your site:

figure img {
    margin-bottom: 1.5em;
}

Can you link me to an article where I can see an image with the caption?

[jal-mj]

I don’t know how you are still seeing this. I have changed that with the code you sent me. I also have deleted cloudflare cache, etc.

You can see the problem in the same page of the video, in the image above.

[jal-mj]

It seems it works well without figure:

.wp-block-image {
    margin-bottom: 2em;
}

Is that possible?

[Ying]

Oh I see, some of your images are optimized by a plugin, it changes the figure to div.

So, yes, this CSS should work for any element that has the .wp-block-image class:

.wp-block-image {
    margin-bottom: 2em;
}

Just in case the video one doesn’t work either, simply remove the figurefrom the selector, so .wp-block-embed.is-provider-youtube it is.

[Anderson]

i was also out of space below the post images but your css solved my problem. thank you so much!

[Ying]

You are welcome Anderson 🙂

[Author]

Posts