[Support request] Create a bigger gaps between images with caption and elements underneath

Hi Mark,

Try adding this CSS:

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

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

Let me know if this helps 🙂

Hi Mark,

Here’s an article with regards to CSS selectors: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors

Then, a shortcut way to do it is this:

1)  Hover the cursor over the element and hit right click on your mouse.
2)  Select Inspect.
3)  See the highlighted code.
4)  Right click on the highlighted code.
5)  Select Copy > Copy selector or get the class or another selector as mentioned in the article above: https://share.getcloudapp.com/JruoEbwy

Hope this clarifies!

It should work as well with the right CSS selector.

Example:

.single-post iframe {
    margin-bottom: 1em;
}

or

iframe {
    margin-bottom: 1em;
}

Kindly let us know how it goes.

It has inline CSS added which takes precedence over CSS added through Additional CSS or any other stylesheet.

Try making it:

iframe {
margin-bottom: 1em !important;
}

for it to become higher in specificity over the inline margin it has.

You’re welcome Mark!