How to edit all Color options in your website
The 'ADVANCED' panel of Colors allows you to override the BASIC Key Colors and customize every color on your site. This is important if you have a specific 'branding' to match.
Initially the new Design Editor is only available for our Albers, Beacon, Coral, Iris, Meander and Stockholm themes. If you are on a different theme please see our Design your Portfolio guide.
Tap any image to view at larger size.
In this article
- Advanced: Overview of All Colors
- Changing Advanced Colors
- Site Menu
- Heading Text
- Body Text
- Text Links
- Gallery Pages
- Collection Pages
- Social Network Links
- Website Background
- Reset All Modified Colors
Advanced: Overview of All Colors
Tap the 'Colors' panel in the Design Editor.
- Tap 'ADVANCED'.
The ADVANCED panel will display the Preset or Basic Key Colors applied to sections of your site and allow you to edit them individually.
Every theme has individual characteristics, the screenshots shown may not match your theme.
The best way is to modify the swatches and preview the changes and refine.
Changing Advanced Colors
- Tap the swatch to activate the Color Picker
- User slider (up/down) on right to pick the base color
- Use the picker circle to refine the color or
- Add the #HEX number directly into the field above.
Site Menu is for your navigation links, usually in the top (header) area of your site.
Heading Text for all larger Headings on your site.
The Text Logo color is set separately.
For Body Text on all pages except for Blogs which can be styled separately. See Blog below.
Text Links may be shown for email address or external links that you have added.
The Footer area often shows the site Copyright © information (not available on Sun or Panorama themes).
Change the colors to work with your images and branding.
Set color of text link (usually the Page's title).
Blog colors can be set differently from the rest of your site.
Social Network Links
Social Network Links apply to the icons or text used.
Website Background applied to your whole site.
Reset All Modified Colors
If you don't like the changes made in the Advanced panel you can reset these to the original Preset default you selected in the Themes panel.
- Activate Themes > 'Basic' panel
- Presets area (under thumbnail preview) tap 'Modified'.
A warning will be displayed advising 'Changing your theme preset will reset all of your customizations'.
Tap 'Continue' to reset.
No content (images or text) that you have added to your site will be affected.