Colors
In this section, you can change colors at everything on your store page.
Global
Primary & Body background
Home page

Product page

Collection page

Text & Heading
Text (red) - for placeholder, drop-down inputs, info messages, etc.
Headings (green) - for block headings.
Home page

Product page (Product description)

Collection page

Blog post

Link

Popup background

Buttons
Here you may configure the colors for buttons: Add To Cart button, Wishlist button and Compare button.
Please note, you should change the button type first. The theme includes 5 button types: “Auto”, “Default”, “Invert”, “Secondary”, “Clean”.

Default button
Here you may configure the background, border, and text colors. For default and hover (active) button states.

The button type depends on the selected skin. Here are examples of default buttons:

Secondary button
You may configure the colors for the second button type. For the default button state (like in the previous image) and hover button state.

Clean, invert buttons
Clean and invert are other types of buttons, you may configure colors in the same way as for default & secondary buttons.
Configure button type
You may change the button type for:
Add to cart button @ collection page
Add to cart button @ product page
Wishlist button @ product page
Compare button @ product page

Paint Palette
Here you can change the colors for the base, base background, text, additional background, borders, icons, and diverse labels, such as success or “In stock”, error or “Sale”, “New”, “Hot”, and for the dynamic checkout button.
Base

Base background

Text

Additional background
This option applies to headers with two backgrounds:

Border

Icon

Success, In stock & Error, Sale, & Label 'New' & Label 'Hot'

Dynamic checkout button

Please note, in order to change the background color of the dynamic checkout button, you need to enable the “Custom style for dynamic checkout button” option in Theme settings -> Product page and Quick view -> Product page only. You can read more details here.
Label 'Pre-order'

Input background

Last updated
Was this helpful?