Display an external website on your Vev project with an iframe (also known as an inline frame) container.
Configuring the iFrame component
Double-click the iFrame component.
Head over to the Properties panel on the right.
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
