Use the Style preview to see what your style looks like while you are creating it. The Style preview opens by default when creating and editing Base styles and Custom styles.
The Style preview uses a WYSIWYG editor so that you can see what your style looks like in context with other content.
To refresh the preview:
The Style preview includes default content for the style you are creating. This content has a preview class (.coh-preview) applied to it. Site Studio requires this class to show a preview of the style. If you accidentally remove the default content and need to add it back, you will need to add the coh-preview class back to the element you are styling.
To add the preview class to the preview content:
You can add additional content to the Style preview through the WYSIWYG editor and see how your style appears alongside other styles.
To preview your style at different breakpoints:
To change the background color of the preview:
If this content did not answer your questions, try searching or contacting our support team for further assistance.
Fri Jul 04 2025 16:10:08 GMT+0000 (Coordinated Universal Time)