Want to match your Botiga site to your brand colors? The Customizer’s Colors section gives you access to global color palettes and per-element color controls for links, headings, body text, and form fields.
In this guide, we’ll walk you through how to use the color options in Botiga.
Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active.
Global color options for Botiga are located in Customize >> Colors. You’ll find color palettes along with controls for general elements like links, headings, site background, body text, and form elements. Note that color options for specific elements are also available in other Customizer sections.
Choosing a Color Palette
The first option in this section is the color palette. Click the option and pick your preferred palette. Various elements across your site will update automatically. Skip this option if you’d rather tweak colors manually using the controls below.
When you save a color palette, the colors automatically appear in the color settings area for each editor block that supports colors.
If none of the existing palettes match your brand, create a custom palette starting from the current color scheme.
Color Settings for Theme Elements
The rest of the Colors section is grouped by theme element. These options apply globally across your entire website.
- General — site background and body text.
- Links — link color and hover color.
- Headings — H1 through H6 colors.
- Form fields — input borders, backgrounds, and text.
Frequently Asked Questions
Below, we’ve answered some of the most common questions about color options in Botiga.
Can I create my own color palette?
Yes. Pick an existing palette as a starting point, then edit any individual color. Save your changes to keep the custom palette across your site.
Why don’t my color changes appear on every element?
Some elements have their own color settings in other Customizer sections, like Header, Footer, or WooCommerce. Check those sections for element-specific overrides.
Will my palette show up in the block editor?
Yes. Once you save a palette in the Customizer, the colors appear in the color picker for every block that supports color settings.
That’s it! You’ve successfully configured the color options in Botiga.
Next, would you like to refine your site’s fonts to match your colors? Check out our guide on customizing typography in Botiga to learn more.
