[Resolved] Spacing around embeds

[Jake]

Hi there,

I posted here back in November: https://generatepress.com/forums/topic/spacing-around-youtube-and-soundcloud-embeds/#post-1066787 and still struggling for a fix.

I’ve been in touch with Elementor and they said anything within the classic editor is out of their hands (we build the content side of things in the classic editor, but the template in Elementor).

Here are the problems:

– I can’t seem to add any padding or anything to YouTube and Soundcloud embeds, as you can see here: https://beatsure.com/common-drum-beats/#four there’s just not enough room underneath, especially when they are above headings as seen here: https://beatsure.com/common-drum-beats/#half-time

– I also can’t add spacing below buttons created with WordPress’ blocks, as seen here: https://beatsure.com/most-durable-drumsticks/#vater-5b

– Lastly, the image captions aren’t a smaller size to my normal body text. I’ve tried code from various forums but nothing seems to work. See here by scrolling to the first image: https://beatsure.com/drum-sheet-music/#time-signature

Apologies for coming back, but I’m running round in circles to find a fix for these.

Any help at all is much appreciated!

[David]

Hi there,

well it seems by using Elementor Templates some of the standard Block margins or those applied by the theme are no longer loaded…. so you can do something like this to put them back in:

iframe, figure, .wp-block-button {
    margin-bottom: 2em !important;
}

.wp-block-image figcaption {
    font-size: 13px;
}

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

[Jake]

That easy huh!

You’re life saver, 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