Jump to content

Yet another "Code Sizing Issue" Request

Recommended Posts

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
  • Replies 3
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.