Iframe embeds receive unknown styling

  • mattdemers

    (@mattdemers)


    5 years, 7 months ago

    Hello!

    I use TwentyTwenty with very few modifications. Here is all the contents of the CSS added to my “Customize” dialog.

    I’ve noticed that whenever I try to add an iframe embed to my site, the embed becomes styled with extra space at the bottom of it. This leads to malformed embeds, and also throws off any attempts to do things like responsive video CSS (since those are based off percentages).

    Looking at the CSS through right-click-inspecting the iframe embed, it seems that the element has become styled with a different width and height. Since it doesn’t seem to reference where the CSS is coming from, I’m not sure what’s causing it. I’m *definitely* not styling the embeds in the WordPress Block composer.

    This is what is input into the editor:

    Any help on this topic would be appreciated. I’m not sure where it would be pulling in extra theming from.

    I’ve made a page for my site that has both of these embeds on their own. https://mattdemers.com/test/

    • This topic was modified 5 years, 7 months ago by mattdemers.
    • This topic was modified 5 years, 7 months ago by mattdemers.

The topic ‘Iframe embeds receive unknown styling’ is closed to new replies.