Change the color scheme to match the website's look and feel
  1. 1.
    In the theme editor (Customize), click Theme settings
  2. 2.
    Locate Colors
  3. 3.
    Make necessary changes
  4. 4.
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.