General settings
A guide to the general settings of Zest
Last updated
A guide to the general settings of Zest
Last updated
In the Zest theme, you can find some general settings that are available in all building block sections:
Apply a color scheme to the section.
To define a set of default color schemes for your store, go to Theme settings > Colors
In Shopify, the Color scheme (a set of colors) of your store can be set within the Theme settings. It helps group elements and their respective colors, making your store visually appealing and cohesive. You can apply the color schemes to different sections throughout your online store with a color scheme picker.
3 options for container
Stretched width: span the section width regardless of screen size.
Fixed width: depends on your page content width in Theme settings > Layout.
Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Toggle the slider to adjust the Top and Bottom padding of the section (0px - 100px).
This divider line provides a clear boundary between the current section and the above.
To activate the divider line, enable the Show divider checkbox.
Choose a suitable Divider width for the divider: Fixed width/ Full width/ Stretched width.
You can create custom code for a specific section by adding Custom ID or Classes attributes:
Most sections come with a setting for animations.
You can either set the section loading effect to each of the sections (if present) particularly or make them inherit the global settings that you set in your Theme settings > Animations.
🌟 Section animation settings are available on Zest version 6.0.0 and above 🌟
View Changelog here.
To add an animated highlight to the text, simply wrap it in italics. Click the "I" button in the editor to toggle italics when highlighting text.
You can apply the Underline or Draw Line effect to the Highlighted text, or select None if you prefer it to appear in italic style only.
To use the Highlight text color defined in the Color scheme, enable the Highlighted text color toggle.
Note: This highlighted text only applies to certain section headings and block headings.
