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.

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.


Mobile Navigation

In this section, upload an optimized logo for use on mobile devices and add styles to the mobile navigation. For best display results, use an image no taller or wider than 160px wide by 40px tall. The logo will display in the center of the mobile header.  An illustration of how each setting corresponds with the mobile navigation menu is below.  

 
Note: The Font Color setting has no effect on the current menu.  More mobile navigation features that use this setting will be available in future releases.

« Previous: Working With Rows

Next: Fonts »