Easy Edit & Color Picker

View Your Site With Easy Edit

In the dashboard view of the CMS, use the links at the top right to click 'Easy Edit.' This will open your preview site with the Easy Edit turned on.

Easy Edit consists of 3 features:

1. Color Picker - allows you to easily change the various colors on your site. The color scheme on your site can easily be modified by selecting the individual colors via the color picker.

2. Edit Links - the site will appear with edit links (pencil icons). The public will not see Easy Edit (or any pencil icons) on your site; only you will see that. Click on one of the edit-pencil links to be taken directly to the correct edit screen for that content in the CMS.

3. On / Off - a toggle for turning Easy Edit on and off.

Guide with Video Tutorial

> > Using Easy Edit & The Color Picker

* Note: When Easy Edit is turned 'On,' the positioning of the site and logo size may temporarily change. Turn Easy Edit 'Off' to see the true view of your site. The Easy Edit icon will not display to your site viewers.

Updating the Color Picker

Overview

Body Background

Controls the color of the main body background.

Body Background

Header Background

Controls the color of the navigation header background.

Header Background

These options control both your desktop and mobile navigation colors.

Navigation Background, Navigation Color, Navigation Alt, Navigation Alt2

Navigation Alt is the rollover color and Navigation Alt2 is the current page color.

Text Color, Link Color, Link Alt, Heading Color

These options control the main body text colors.

Text Color, Link Color, Link Alt, Heading Color

Link Alt is the link rollover color.

Highlight Background

Controls the color of the light feature background used in the sidebar monklets, filter background, etc.

Highlight Background

This is also the color that will display on your home sections when the "Light Background" checkbox is selected.  The site default text colors will display on top of this background.

Dark Background, Dark Color

The dark background controls the dark feature background used in the callout section and featured home sections.  The dark color controls the text color that is used on top of this background color

Dark Background, Dark Color

This is also the color that will display on your home sections when the "Dark Background" checkbox is selected.

These options control the footer colors.

Footer Background, Footer Background 2, Footer Color, Footer Link, Footer Alt

Footer Background controls the left footer color and the Footer Background 2 the right.  Footer Alt is the link rollover color.