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: