Mobile Navigation is covered in a separate article.


Site Wide Radius

This setting is a quick and easy way to apply a consistent rounded edge to:

  • buttons
  • form inputs
  • dropdown menus
  • thumbnail images
  • slideshow navigation (left / right arrows & pagination links)
  • fancybox

Colors

Use this section to create a color palette. The color palette feature is used by many other widgets when selecting colors for backgrounds, fonts, links, etc. Setting this up will make selecting consistent colors throughout a site faster and easier.

To create a color palette, you can use one of two options; manually select colors OR use the built-in palette generator.


To select colors manually:

  1. Select a color from the color picker at the top of the menu and click Choose.
  2. Click the + icon next to the color to add it to the palette.


To use the palette generator:

  1. Select a color at the top of the menu.
  2. Use the scheme chooser, variation, and distance options to generate other possible options. These will display in the Generated Colors section.
  3. Click the + icon in the Generated Colors section to add a color to the palette.


Each selected color will be listed at the bottom of the menu under Selected Color Palette.


Site Wide Link Colors

This will set the default text link colors site-wide. These colors can be over written on a per widget basis. Just select a color for Link and Link hover and save.


Background

Use this to select background colors and images. Large background images should be used sparingly; smaller images that can be repeated are ideal.

  1. Select a background color.
  2. Select a background image if necessary and choose position and repeat properties.
  3. Select Fixed Background if the background should be in a fixed position instead of scrolling.
 Note: In the case that a large image is used for the background of the site, it is strongly recommended to use a flat color for mobile display.

Site Wide Form Styles

Use this to select font color, background color, border color and box shadow for Input fields. You can also set label font colors here.











Buttons

Create button styles that can be easily re-used throughout the site. To create buttons:

  1. Click Add New Button
  2. Give the button a name; use something that describes the appearance of the button.
  3. Set styles for the button AND it’s hover state.
 Note: Use names like ‘Blue Button’ instead of names like ‘homepage button’ as this will make it easier to keep button styles organized as more are created

Once a button is created, edit it by selecting the button from the dropdown list and clicking Edit Button. Use the ‘Make Default Button’ option to use a particular button style by default on form submit buttons, jumbotron link buttons, etc.