In the Site Design section, the currently selected template, color palette, and CSS will be available to update from the options on the left. A preview of the site will be displayed on the right and will update immediately with the newly selected template, color(s), and/or custom CSS.
Edit the Template
In the Select a Template section, hover on a template to preview it in a new tab or select it for your website. You can also click on the pages name to preview how the template looks for that page on your site. Clicking on the Edit Page button will open the page design options in the Pages section.
Customize the Color Palette
The color palette contains four colors:
- Primary
- Secondary
- Tertiary
- Highlight
The default palette colors will be displayed above the customized palette options. Each of the colors in the customized palette section can be updated by clicking on the color swatch.
A color selector will appear which enables you to visually select a new color. You can also enter a hex code, as well as use the arrows to switch to HSL (Hue, Saturation, Lightness) or RGB (Red, Green, Blue) values.
To view how the colors will be displayed on the live site, click on the Preview button to open the website in a new tab. Use the Reset to default palette link to return all colors to their original hues.
When you are finished updating the site design, click on the Save button and then click on Publish Site to make the changes live.
CSS
The CSS section enables custom CSS (cascading style sheet) code for your ESP+ website. Click on the Edit button, enter the custom code, and then click on Save when you are finished.