Using CSS with iFrame

You can use our CSS Style Sheet, and our Div macro with the iFrame macro to create an iFrame that changes responsively with the size of the webpage holding it. This example takes you through how to do this.

1. Select the iFrame macro and click Edit.
2. In the CSS Class field input a name. eg. iFrame
   
   
3. Add a Div Macro to the page, select it and click Edit.
4. In the Class field input a name eg. Wrapper (This name needs to be different to the name used in the iFrame)
   
5. Place the iFrame Macro inside the Div Macro.
   
6. Add the CSS Style Sheet macro to the page.
7. Inside the CSS Style Sheet, macro type the CSS as shown below.
   
8. Publish your page to see the result.