iFrame

Allows you to upload a live external web URL to display inside a container.

Lewis Bowen avatar
Written by Lewis Bowen
Updated over a week ago

Display an external website on your Vev project with an iframe (also known as an inline frame) container.

Iframe element in Vev

Configuring the iFrame component

  1. Double-click the iFrame component.

  2. Head over to the Properties panel on the right.

  3. Paste the URL in the 'URL to page' field.

Below the 'URL to page' field, you have the option to scale the page if you need to.

Styling the iFrame component

  • Spacing top: Add padding to the top of the Iframe section in pixels or % to keep spacing between sections

  • Spacing bottom: Add padding to the bottom of the Iframe section in pixels or % to keep spacing between sections

  • Width: The width of an Iframe section can't be altered, it'll always be set to cover the 100%

  • Height: Set the height of the Iframe section in Pixels, % or set it to Auto so that it grows as you add content to it

  • Min H: Sets the minimum amount of height pixels an Iframe section can be. A red stippled horizontal line inside your section will reflect the minimum height

  • Clip content: Toggle to hide the content that goes beyond the section's edges

  • Resize to fill vertically: Click to set the section's height to 100%

  • Background: Change the component's background color

  • Border: Set a border color, opacity, and line weight for the component's container

  • Effects: Add different types of shadows or blur effects to the component's container. Learn more about effects

Did this answer your question?