Link to Loom
https://loom.com/share/88cf30f801214fc483ef894b7d763839?src=composer
Customizing Global Colors on Your Site: A Step-by-Step Guide
I. Introduction
Purpose: To guide users on how to customize global colors on their website.
II. Step 1: Ensure You Have the Latest Tools
A. Exit the website builder B. Access the Settings Panel 1. Scroll down to find "Settings" in the left-hand menu C. Enable the Latest Features 1. Click on "Labs" 2. Toggle on "New Color Picker for Funnels and Websites" 3. (Optional) Toggle additional components if desired D. Return to the site editor
III. Step 2: Editing Site Colors
A. Select an Element with Default Color 1. Example: Click on a button with the default Salmon Orange color B. Open the Color Editor 1. Access the right-hand panel to edit the background color C. Choose and Edit Default Colors 1. Click on the background color to open the color selection window 2. Select "Custom Colors" 3. Choose the existing custom color to edit - Option to paste a color code or select a variation D. Update the Color 1. Click "Update" to apply changes across the site 2. Confirm color change on the existing square
IV. Step 3: Save and Publish Changes
A. Save the Changes 1. Click "Save" to keep the updates B. Publish the Changes 1. Click "Publish" in the top right corner to make changes live
V. Important Notes
A. Adding New Colors vs. Editing Existing Colors 1. Critical Reminder: Adding a new color will not update global settings 2. Always edit existing colors to ensure changes apply site-wide B. Final Confirmation 1. After making changes, ensure to save and publish to finalize updates
VI. Conclusion
You are now equipped to customize the global colors on your site effectively.