Follow these simple steps to change your web ordering site's theme colors:
Step 1: Navigate to Design in the left sidebar menu
Step 2: Select General from the design options panel
Step 3: Click on the Theme tab in the top navigation bar
Once in the Theme section, you'll have access to multiple color customization options:
Theme Primary Color - The main brand color used throughout your site
Theme Secondary Color - Complementary color used for accents and highlights
Text Primary Color - Main color for body text and headings
Text Secondary Color - Color for secondary text elements
Button Primary Color - Background color for primary action buttons
Button Secondary Color - Background color for secondary action buttons
Button Text Primary Color - Text color for primary buttons
Button Text Secondary Color - Text color for secondary buttons
Home Slider Background Color - Background color for your homepage slider
Footer Background Color - Background color for your site footer
Footer Text Color - Text color for footer content
To change any color, click on the color field and select your desired color from the color picker. As you make changes, you can see a real-time preview of your site on the mobile device mockup displayed on the right side of the screen.
Once you're satisfied with your color selections, click the Update button at the bottom of the page to save your changes.
For a complete view of how your site will look with the new color scheme, use the Live Preview option in the left sidebar.
When you're ready to make your changes public, click the Publish button at the bottom of the sidebar.
Best Practices for Color Selection:
Maintain good contrast between text and background colors for readability
Use your brand colors for consistency across all customer touchpoints
Limit your color palette to 2-3 primary colors plus neutral tones
Ensure button colors stand out to encourage user interaction
Test your color scheme on multiple devices to ensure it looks good everywhere