Colors
In this section, you can customize the colors for everything on your store page.
On the General tab you can customize your theme.
If colors aren't specified in each theme section, use this block's settings for color setup.
Base
This tool allows you to customize the colors of the announcement bar, header line, text, menus, and icons across your store.
In this example, you can see where the Base color will be applied:
Accent
Adjust this setting to change the color of buttons, subheadings, and cart notifications when products are added to the cart.
The example below highlights the areas where the color settings will be applied:
Background
To change a store's background color, use this option:
Secondary background
Use the hex code of the item to change the background color for sections where you've chosen the Color option in the Background block, but haven't yet applied a color.
This color setting defines the first navigation line's color in the Header and adjusts the background color of text areas in certain blocks.
The following example demonstrates how it may appear in a store:
Text
Input:
Background
Text
Borders
Links
The colors are applied to these elements for consistent styling throughout the document.
Heading (h1-h6)
Subheading
Description
Text link
Text link hover
Alert
Icons
The theme's icon elements are styled with specific colors:
Text icons
Link icons
Link icons hover
Social icons
Social icons on hover
Input
The theme applies the colors to the input elements.
Background
Border
Text
icon
Background hover
Border hover
Outline hover
Text hover
Icon hover
Checkbox
In the theme, colors are assigned to checkbox elements:
Background
Border
Text
Focused background
Border hover
Text hover
Focused icon
Shadow
Set the shadow color for modal elements.
Tooltip
Colors are used to style tooltip elements within the theme:
Background
Text
Other
The colors are applied to these elements:
Image Overlay Color: Adjust the color to control the image opacity in each banner section.
Image Preloader Background
Last updated