Thank you, but this still don’t work. I saw that at the block editor, even if I don’t use columns, the video block appears a lot bigger than the video part itself. That’s what the rendered page also looks like.
I tried adding your code suggestion to “WordPress -> Appearance -> Customize -> Custom CSS”. I also tried adding it to “Enfold Theme settings -> General styling -> Quick CSS”. Both, no success.
I found out that all Embed blocks contain this at “additional css classes”. Deleting one or both has direct impact on the view at the block editor, but not at the rendered site.
wp-embed-aspect-16-9 wp-has-aspect-ratio
Currently, I have embedded the top video at the site via youtube iframe, and the bottom videos via youtube embed block. If you have any further ideas, this would be great!
This reply was modified 1 month, 1 week ago by Jan.
some questions:
* does the space already appear in your (block) editor (where LYTE is not active yet)?
* on the frontend (so not in the editor) does the space only appear when LYTE is active?
* when making changes, did you clear the page cache?
Hi, I tried a lot. The last days, I only cleared page cache (wordpress), not from my browser. After clearing all caches, I wasn’t able to reproduce. I tried:
Embed video via embed block (not youtube block) -> not possible. The last days, this was possible.
No space appears anymore, at editor and rendered page.
Thank you anyway for the dumbest issue a user can make, not bewaring of the cache.
hey, as per the HTML source your theme/ pagebuilder (Enfold/ Avia) adds a div with class .avia-iframe-wrap and that’s the thing which adds the bottom margin, hence the CSS I proposed which tries to override that CSS, the answer is there somewhere in the CSS I’m sure 😉
maybe try adding an !important flag helps, like below?
Thanks for the help. Let me explain otherwise what I found out. If I use a youtube block and insert the normal URL, it works without and with YT Lyte active.
If a user inserts the embed-URL from the iframe code, than the youtube block converts to an weird looking embed block. And if I have this weird looking embed block, with YT Lyte inactive it gets shown like normal video. But with YT Lyte active, than the space gets added. This looks like a uncaught WordPress youtube block issue, combined with your plugin it rans into display issue.
So if I just insert the usual Youtube URL into the Youtube block, all works fine! 🙂
sure, but my point is that the CSS that causes the blank area is added by your theme specifically for iframes (as made clear by the class name even; avia-iframe-wrap) , but as LYTE replaces the iframe, the theme CSS in that specific context is wrong and causes the blank space. the only way around that is overriding the theme CSS with some custom CSS really .. :-/
