Links

Colors

You can change the color scheme to align the theme with your brand's style.

You can define different colors in your theme settings and apply the colors to different sections throughout your online store with a color scheme picker.

1. How to change colors in your theme?

  • In the theme editor, click Theme settings.
  • Locate Colors.
  • To set your color, enter a hex color code or choose the color from the color picker. To set the color to transparent, delete the hex code from the text field.
  • Click Save.

2. The Colors section includes the following parts:

  • Primary color:
  • Secondary color:
Note:
Accent 1: Used for solid button background.
Outline button: Applied to the button border and link text.
Background 1: Your store’s background color. This is the most dominant color present in your store.
  • Color gradient: If you want to add more visual interest to your background, Inspiered Themes offers the option to use gradients. You can assign gradient colors to sections of the theme.
Gradients create a smooth transition between two or more colors, resulting in a dynamic and eye-catching background.

3. Example: Customize Rich text background colors

  • Click the Rick text section to open the Color scheme setting.
  • Open the color list and choose a specific color to change the section background to that color. Click Save.
Last modified 1mo ago