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
How to add Gradient or Background color to the section?
In some sections of the theme, you will see a dropdown list with options such as 'Main Background Color' and 'Section Background 1'. If you have set a gradient or color for the main background in the theme settings, choose the 'Main Background Color' option in that section to see the changes. Similarly, if you have set a color or gradient for 'Section Background 1', choose that option in the relevant section to see the changes reflected.
How to add page border color?
- In theme settings/Layout tab, find page padding feature and choose small or large
- Go to theme settings/Colors tab, click on color picker, and choose the appropriate color for your design.
