Q: The Cogsworth embed looks weird and uneven on my page – how do I fix this?
A: This is because the code in your template is not giving the Cogsworth iframe enough space. The Cogsworth iframe by default occupies 100% of the width and height you give it.
To solve this, either manually add a <div> tag to your code like below – wherein your specify a greater width and height:
<div style=”height:700px; width:100%”>
<iframe id=”cogs-embed” src=”https://www.cogsworth.com/book/cjif75b744k2m0937tmxc0snd” width=”100%” height =”100%” frameborder=”0″></iframe></div>
Or you could adjust your code to allow a greater space for Cogsworth
This gives you an outcome like the below: