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