codyporche Posted December 15, 2023 Share Posted December 15, 2023 Hi, I am having issues with an iframe where I cannot adjust the width at all. Can anyone help me? http://porcheai.com/tl-samples I really want the code block to be wider but no matter what I do it doesnt work right. I've tried changing from "px" to "100%". Still doesn't seem to work right. <iframe src="https://my.tikee.io/time_lapses/63189/photo_gallery/a9db5be3-f7ac-46da-b505-5fbd7bff3da5?lang=en" allowfullscreen style="width: 900px; height: 620px; border: none;"></iframe> FROM CAMERA MANUFACTURE WEBSITE (I TRIED THIS, NO AVAIL): 1. Changing size of iframe The iFrame embed code can be easily customized directly from the embed code. Often when a gallery is embedded with a iframe there is a default scrolling bar if the gallery is larger than the iframe. In order to avoid this, there are two options that can be added to easily adjust the iframe. One option is to change the height and width of the iframe to match the gallery by changing the numbers for the height and width of the code as shown below. <iframe src="https://staging.tikee.io/time_lapses/1879/photo_gallery/6b12e12d-5650-4aed-8495-38fee083fbba?lang=en" allowfullscreen style="width: 900px; height: 620px; border: none;" ></iframe> You can also remove the border and scroll bar. You can add scrolling = “no” and frameBorder = “0” to the embed code to remove this bar. Heads up: If you remove the scroll bar of the gallery, make sure to set the height so that the control buttons does not get cut off. For the video to adapt to the page's size, one must add " ?fluid=true " in the iframe <iframe src="https://my.tikee.io/videos/cc3dc6e1-862b-4132-b563-61c92ce0a60a?fluid=true" style="width: 100%; height: 100%; border: none;" ></iframe> Link to comment
tuanphan Posted December 17, 2023 Share Posted December 17, 2023 TO increase width, you should remove Spacer Blocks on left/right Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
codyporche Posted December 31, 2023 Author Share Posted December 31, 2023 Unfortunately this does not work. Actually, when I remove the two Spacer Blocks, the entire iframe gets smaller! Link to comment
tuanphan Posted January 1 Share Posted January 1 Page doesn't exist now. Can you check it again? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment