Color Customization

If you're unsure about accessing the theme settings, please refer to the overview for guidance.

Within the theme settings, you will come across two distinct subsections specifically dedicated to managing the colors of the theme. These are the "Colors Sections" and "Colors Individual Elements" subsections. Let's delve into the functionality of each:

Colors Sections:

This subsection allows you to globally adjust and define the color schemes for different sections of your theme. It provides a comprehensive approach to setting the overarching color themes that contribute to the overall visual coherence of your website. By making modifications in the Colors Sections, you can seamlessly create consistent color palettes for different kinds of sections in your theme.

Our suggestion is to craft your color schemes in alignment with your brand's visual identity. By doing so, you reinforce a consistent and recognizable look that resonates with your brand. However, it's advisable to exercise caution and refrain from generating an excessive number of color schemes. Managing numerous color schemes can pose challenges in terms of administration and may lead to a more complex and less streamlined process. Striking a balance by focusing on a select few well-thought-out color schemes ensures not only aesthetic harmony but also facilitates easier management and maintenance of your theme settings.


Add a new color scheme

To introduce a new color scheme, initiate the process by selecting "Add Scheme." Subsequently, choose colors for each of the elements listed below. Once you've configured the color selections to your liking, save your changes.


After completing this step, we advise testing the outcome of your color scheme by following these steps: return to the general theme by clicking on "Sections."

From there, add a new section to the page. In the color scheme section settings for that specific section, apply your newly created color scheme. This approach allows you to immediately visualize and assess the impact of your color choices within the context of your overall theme, ensuring that the desired aesthetic is achieved.


Edit a color scheme


When editing a color scheme, it's essential to note that any alterations made will be universally applied to all sections currently utilizing that specific color scheme. If you wish to avoid these changes affecting all sections, the recommended approach is to create a new, similar color scheme with the desired modifications.

To edit a color scheme, follow these straightforward steps: click on the section you intend to modify, and proceed to adjust the colors that no longer meet your preferences. After making the necessary changes, ensure to save your modifications. This ensures that the updated color scheme is accurately reflected across the selected sections, maintaining consistency while allowing for tailored adjustments as per your evolving design preferences.



Colors Individual Elements:

In contrast, the "Colors Individual Elements" subsection provides a more detailed and nuanced level of control over your theme's appearance. Within this section, you have the ability to finely adjust and customize the colors of specific individual elements, allowing for a highly tailored design approach. This includes elements such as forms, placeholder image backgrounds, colors for product item prices on sale, and badges denoting statuses like sold out, on sale, and new.

Utilizing this subsection enables you to add a personal touch to your website's aesthetic, ensuring that each element aligns with your branding and design preferences.


Understanding the distinct purposes of these two subsections empowers you to tailor the color scheme of your theme with precision. Whether you're aiming for a cohesive and uniform look across sections or prefer nuanced adjustments to individual elements, these subsections provide the flexibility needed to achieve your desired visual impact.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.