Primary colors define your site's visual identity. Here's how to effectively change colors across your website:

Change Site-Wide Colors:

1. Open Site styles > Colors
2. Click Edit palette to choose from:
   • Presets - Curated color combinations
   • From image - Generate palette from image colors
   • From color - Build palette around a primary color

Change Section Colors:

1. Open Pages panel
2. Select page and click Edit
3. Click Edit section
4. Choose a theme in Colors tab
5. Click Save

Theme Types:

• Type 1 (Lightest/Light/Dark/Darkest): Black/white text with colored backgrounds
• Type 2: Colored text with coordinated backgrounds
• Bright: Colored text or backgrounds with contrasting elements

Customize Colors:

1. Open Site styles > Colors
2. Select theme to edit
3. Choose element to modify
4. Pick color using:
   • Palette presets
   • Custom color picker
   • Color values (HEX, RGB, HSL)

Special Elements:

• Background Colors: Available for Accordion, Form, Newsletter, Quote, and Summary blocks
• Inset Borders: Customize border colors for inset images
• Default Themes: Applied to system pages (404, cart, search)

Version 7.0 Specific:

1. Open Design > Site Styles
2. Navigate to desired page
3. Select element to modify
4. Choose new color
5. Adjust opacity if needed
6. Save changes

Note: Always consider accessibility and maintain sufficient contrast between text and background colors.

Related Articles

Previous Articles