Back to top

Here's the complete Zen Theme Style Guide. This dynamic guide is created/updated during site compilation.

Two special site content types, "Site Media" and "Call Out Text",  have theme/CSS override fields. These CSS fields give content authors a granular control of content flow across specific screnn targets. Layout can be customized for Desktop, Tablet and Phone.

Here's the complete Zen Theme Style Guide. This dynamic guide is created/updated during site compilation.

Two special site content types, "Site Media" and "Call Out Text",  have theme/CSS override fields. These CSS fields give content authors a granular control of content flow across specific screnn targets. Layout can be customized for Desktop, Tablet and Phone.

Here's the complete Zen Theme Style Guide. This dynamic guide is created/updated during site compilation.

Two special site content types, "Site Media" and "Call Out Text",  have theme/CSS override fields. These CSS fields give content authors a granular control of content flow across specific screnn targets. Layout can be customized for Desktop, Tablet and Phone.

HTML5 PICTURE TAG

HTML5 < Picture > tags are dynamically generated and setup to call Media Image Preset sizes. Image Presets are created during the file upload process.

Image file paths are swapped based on the visitor's screen width. This allows much smaller images to be served to mobile devices, as opposed to Deskptop visitors who receive larger file copies.

HTML5 PICTURE TAG

HTML5 < Picture > tags are dynamically generated and setup to call Media Image Preset sizes. Image Presets are created during the file upload process.

Image file paths are swapped based on the visitor's screen width. This allows much smaller images to be served to mobile devices, as opposed to Deskptop visitors who receive larger file copies.

HTML5 PICTURE TAG

HTML5 < Picture > tags are dynamically generated and setup to call Media Image Preset sizes. Image Presets are created during the file upload process.

Image file paths are swapped based on the visitor's screen width. This allows much smaller images to be served to mobile devices, as opposed to Deskptop visitors who receive larger file copies.