Colors
Change the color scheme to match the website's look and feel
Steps
  1. 1.
    In the theme editor (Customize), click Theme settings
  2. 2.
    Locate Colors
  3. 3.
    Make necessary changes
  4. 4.
    Save
The section includes the following parts:

1. Accent, background & text colors

Change the color for accent, background, and text across the whole site.

2. Button color (Primary button)

Change background and text color for all call-to-action buttons and button hover.

3. Product colors

Change text color for all elements related to product items such as sale price, vendor, description, etc.

4. Announcement, top bar, and header colors

Adjust the color for the background, text, and related icons.

5. Menu bar colors

The color only shows up for header design where the menu and logo are in 2 lines.
Adjust the color for background, text and related icons have been set up in the footer.

7. Borders, image overlay, and tooltip

Change border color for item block, the overlay color, and its opacity as well as the tooltip.
Copy link
On this page
1. Accent, background & text colors
2. Button color (Primary button)
3. Product colors
4. Announcement, top bar, and header colors
5. Menu bar colors
6. Footer and footer bottom colors
7. Borders, image overlay, and tooltip