Hi guys – i’ve got an issue where any gleam.io competition widgets we use are being over-ridden style wise. Talking to the supplier of Gleam.io this what they say:
“There’s CSS rule that sets “.td-post-content iframe” to “max-width: 100% !important;” that’s overriding our widget styles.”
This is the effect it’s having: http://take.ms/v22B7
Any thoughts on how to resolve?
Thanks,
Stephan
Hello Stephan,
If you want to remove the code affecting iframes, you can do it from here: https://www.screencast.com/t/YCeOneDG
But you can also re-write the code for your particular iframe so you will not affect others as well.
Please provide a link to your post so we can inspect the iframe.
Thanks.
Hi Bogdan – thanks for this. Here is an example post: https://www.deeperblue.com/win-deepblu-goodies-celebrate-world-wildlife-conservation-day/
Cheers!
Hello,
Please add this code inside the theme panel-> custom css box:
.single-post iframe.e-embed-frame{
width:initial!important;
}
Thank you!
Works perfectly – thanks!
