-
AuthorPosts
-
November 16, 2013 at 7:03 am #189543
Hi,
I inserted an iFrame code into a text box within a colour section. The iFrame shows but it is squished as it’s not defaulting to 100% width. I set no padding in the colour section so I don’t know what else to do. Can you please point me in the right direction?
Many thanks,
JonathanNovember 16, 2013 at 8:26 pm #189669Hi Jonathan,
Can you post the link to the page you are trying this please?
Regards,
JosueNovember 16, 2013 at 8:32 pm #189674This reply has been marked as private.November 18, 2013 at 5:23 am #189970Hi! Please let me know a fix for this at your earliest opportunity. I need to make sure this can be implemented correctly asap. Really appreciate it =)
November 18, 2013 at 6:36 pm #190231Hey!
It appears to be an issue related with the framed content, not theme related, have a look at this test i made in pure HTML (same behavior):
http://codepen.io/josueochoa/full/KrDJzCheers!
JosueNovember 18, 2013 at 7:23 pm #190255Hi Josue,
Thanks so much for looking into this. The test you did actually appears fine! If you look at the boxes next to the dollar slider in yours they are next to each other and in mine they are misaligned. Also, as you make yours mobile size it responds appropriately. So I guess this means it is an issue within my site? How can I ensure the iframe shows at 100% width?
Thanks, really appreciate this as I need to get this setup as soon as possible!
Best,
JonathanNovember 18, 2013 at 7:36 pm #190259Hey Jonathan!
Is that iframe inside a color section? define it an ID and apply this code to the Quick CSS:
#my_id .container{ width: 100%: }
It would result something like this:
Cheers!
JosueNovember 18, 2013 at 7:51 pm #190266I tried but it didn’t seem to change anything – did I not do it correctly? The iframe was implemented by inserting the code into a text box within a colour section.
November 18, 2013 at 7:58 pm #190268Hey!
Add this code to the Quick CSS:
#ringbuilder .container { width: 100% !important; }
Cheers!
JosueNovember 18, 2013 at 7:58 pm #190269Nevermind, it works – was just that I needed a semi-colon after 100% instead of the colon shown. Thank you!
November 18, 2013 at 7:59 pm #190270Excellent, you are welcome, glad we could help :)
Regards,
Josue -
AuthorPosts
- The topic ‘iFrame Width’ is closed to new replies.