Set and customize your site's colors using the Site Styles panel. Here's how to make effective color changes:

Change Site-Wide Colors:

1. Open Site Styles panel and click Colors
2. Click Edit Palette to choose from:

• Preset palettes with curated colors
• Generate from an image
• Create from a primary color

3. Save your changes

Change Section Colors:

1. Open Pages panel
2. Select page and click Edit
3. Click Edit Section
4. Choose a theme from the Colors tab
5. Save changes

Types of Color Themes:

• Theme 1: Black/white text with colored backgrounds
• Theme 2: Colored text with themed backgrounds
• Bright: Colored text or backgrounds with contrasting elements

Customize Theme Colors:

1. Select theme in Site Styles
2. Choose specific elements to modify
3. Use preset colors or custom picker
4. Adjust opacity if needed
5. Save changes

Color Picker Tips:

• Use HEX, RGB, RGBa, or HSL values
• Adjust transparency with opacity slider
• Save custom colors for consistency

Additional Features:

• Change inset border colors for sections
• Modify block background colors
• Customize built-in page themes
• Adjust announcement bar and mobile menu colors

Remember to maintain good contrast for accessibility and test colors across different devices before finalizing changes.

Related Articles

Previous Articles