Colors (General settings)
General block
| Setting | Description |
| Main text | This option changes the color of the main text for the entire website. |
| Secondary text | This option changes the color of the secondary text for the entire website. |
| Heading | This option changes the color of the H1 and H2 headings for the entire website. |
| Catalog text | This option changes the color of the titles for products, posts, and collections for the entire website. |
| Main background | This option changes the main background color for the entire website. |
| Main background gradient | Choose from a set of pre-designed gradients or use the gradient picker to create a custom gradient for your website's main background. Preview changes by selecting "Main Background" from the dropdown list on applicable sections. |
| Section background 1 | Customize the color of the background for selected sections by choosing “Section Background 1” from the dropdown list. Changes will be reflected immediately in the applicable sections. |
| Section background 1 gradient | Select a pre-designed gradient or create a custom gradient for the background of selected sections by picking “Section Background 1” from the dropdown list. Preview changes instantly in the applicable sections. |
| “Section background 2,3,4” and “Section background 2,3,4 gradient” | Section background 2,3,4 have the same sequence of actions as in section background 1 and section background gradient 2,3,4 have the same sequence of actions as section background gradient 1. You just need to change the correct option number. |
| Link | This option changes the color of the links for the entire website. |
| Page border color | This option allows you to change the color of the page borders for the entire website, including the left, right, top, and bottom borders. To use this option, go to the theme settings, choose “page padding small or large” options in the “layout” tab of theme settings. *Please refer to the screenshot below after this table and gradient info. |
| Overlay | Choose a background color for the overlay that appears under the pop-up when the pop-up is opened. |
Overlay color
Adding pre-designed gradient
Creating a custom gradient using this gradient tool
Removing Gradient