Changing Colors and Customizing Color Schemes on Your Website
In Easypages.io, you can personalize every color element of your website-from the background to buttons and text. This guide will walk you through customizing colors, adjusting accents within color schemes, and previewing your changes before publishing them live.
1. Accessing the Color Customization Panel
After logging in to Easypages.io, go to the Main Dashboard.
Click the "Edit Website" button at the top of the dashboard to access customization options.
In the Design Tab, select Colors to open the color customization panel.
2. Choosing Accents within a Predefined Color Scheme
Easypages.io provides several Predefined Color Schemes, such as Brut, Metallic, Evergreen, etc. Within each color scheme, you have multiple accents to choose from.
Select a Color Scheme: Choose a predefined color scheme from the list (e.g., Brut, Metallic, Evergreen).
Choose an Accent: Inside each scheme, you will see multiple accents like Light, Accent, Dark, etc. Select the one that fits your brand.
Click on an Accent to apply it to your website.
3. Customizing Primary and Secondary Colors
Once you’ve chosen an accent from your preferred color scheme, you can further refine your site by adjusting the primary and secondary colors.
Primary Colors:
Background: Adjust the background color for your main elements.
Headings: Customize the color of your headings (e.g., H1, H2).
Paragraphs: Change the text color for paragraphs and descriptions.
Secondary Colors:
Background: Adjust the secondary background color for subtler elements.
Headings & Paragraphs: Customize secondary heading and text colors.
4. Customizing Button Colors
You can also customize the colors for your buttons, including hover effects.
Background Color: Adjust the background color of your buttons.
Text Color: Change the text color to ensure contrast and readability.
Hover State: Customize the button’s appearance when a user hovers over it.
5. Resetting Colors to Default
If you want to revert changes:
After adjusting a color, a reset icon will appear next to the modified field.
Click the Reset Icon to restore the default color scheme.
6. Changing Section Colors
You can modify the colors of individual sections directly from the website builder.
Hover over a Section to reveal the section toolbar.
Click the Color Schemes Button: This opens the accent and color customization options.
Select an Accent or Switch to Secondary Colors for specific section customization.
7. Auto-Saving and Publishing Your Changes
All changes are auto-saved, but they won’t be visible on your live website until you publish them.
Preview Your Changes: Use the Preview Button to see the changes in real-time.
Publish Your Changes: Once satisfied, click the Publish Button to make the changes live.
Conclusion
Customizing your website’s colors on Easypages.io starts with selecting the right accents within predefined color schemes. From there, you can adjust primary and secondary colors to align with your brand. Easily change section colors, customize button styles, and reset to defaults when necessary. Preview your changes and publish them when ready.
Last updated