Section colors help define your site's identity and enhance usability. Here's how to manage colors effectively:

Setting Site-Wide Colors

1. Open Site Styles panel and click Colors
2. Choose a color palette:
   • Presets: Pre-defined color combinations
   • From Image: Generate palette from image colors
   • From Color: Build palette around primary color

Modifying Section Colors

1. Open Site Styles > Colors
2. Review section theme labels
3. Select section to modify
4. Choose color theme from available options
5. Save changes

Theme Types:

• Type 1: Black/white text with colored elements
• Type 2: Colored text with themed elements
• Vibrant: High-contrast combinations

Customizing Colors

1. Access color picker through Site Styles
2. Choose colors using:
   • HEX codes
   • RGB/RGBA values
   • HSL/HSLA values
   • HTML color names

Transparency Settings:

• Use opacity slider for overlay colors
• Adjust background transparency
• Set inset border opacity

Special Elements:

• Block backgrounds
• Section borders
• Footer spacing
• Mobile navigation
• Announcement bars

Pro Tips:

• Maintain consistent contrast for accessibility
• Test colors across different devices
• Consider color psychology for branding
• Use transparency for subtle effects
• Keep backup of color codes

Related Articles

Previous Articles