https://loom.com/share/88cf30f801214fc483ef894b7d763839?src=composer
Purpose: To guide users on how to customize global colors on their website.
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
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
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
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
You are now equipped to customize the global colors on your site effectively.
