The VIP Online styling page shows a live preview of the portal homepage with demo events. You need access to VIP Online >> Styling and a configured VIP Online domain for the preview.

In this article you will learn how to check your Studio design before applying it to the portal.

Check the live preview

1. In iXpole, open VIP Online >> Styling and select the Studio theme.
   
2. Change a style setting. The preview updates with your unsaved changes.
   
3. Use Desktop, Tablet, or Mobile to check different widths. Use the zoom control to switch between fitting the page in the panel and viewing it at 100%.
   
4. Select Fullscreen for a larger view. In fullscreen mode, use Settings to show the editor again.
   

Apply the design

1. Review the unsaved changes indicator below the settings.
   
2. Select Save to apply the design to your VIP Online portal.
   
3. Check the portal after saving. The preview uses demo events, so check a real event separately when its content matters to the design.
   

Note If the preview is unavailable, set the VIP Online domain in the configuration. Your changes can still be saved from the styling page.

The image below will show the preview controls and Save button.