Design

Overview

The design section controls the global design settings for your site.  Change your site's theme, color palette, text style, navigation style, button style, and background image or color.

Changing your Theme

In the Design section, click "Back to Themes" to see a list of available themes inside your theme family.  Just click a theme to select it.  Click the Edit current Theme button to return to the Design menu.

Color Palette

Select one of the available color palettes.  Click the Customize button to edit individual colors inside a palette.

Text Style

Click the Customize Text Style button to adjust text, link, header, and button styles.

Navigation

Choose the navigation style for desktop, tablet and mobile versions.  Click on Customize Navigation to change background or text color, number of visible navigation items, and the animated navigation setting.

There are different navigation styles available for tablet and mobile.  Just click one to select it, or click customize for more detailed customization options.

Buttons

Select the button shape you would like to use.  Click Customize for more detailed customization options including button default color, background image, border, shadow, corner rounding, and general text style options.

Background Image & Color

You can select the background color or image to appear on all devices, or customize the background for tablet and mobile.

Header Section

In the header section, you can control everything about the header, from the alignment to the logo colors and background color.

You can also turn the header into a row, which will allow you to have more control over the header (such as putting elements in and adding rows to the header).

Design Options Summary

The design tab has the following options:

Themes Change your site's theme.
Color Palette Set your site's color palette.
Text Style Set your site's text style.
Navigation Set your site's navigation style for each device. Desktop view use Top navigation, tablet view offers Top and Push styles, and mobile view offers top, bottom, expandable, push, and list styles.
Buttons Set your site's button style.
Background Image & Color Set your site's background image and color for each device.
Full Bleed Row

Turn on full bleed for your site

Developer Mode Turn on developer mode in the top right corner
Header Section Control the look of your header. You can also turn the header into a row, which will allow you to add elements or rows/columns in your header.

Design Options Summary

The design tab has the following options:

Themes Change your site's theme.
Color Palette Set your site's color palette.
Text Style Set your site's text style.
Navigation Set your site's navigation style for each device. Desktop view use Top navigation, tablet view offers Top and Push styles, and mobile view offers top, bottom, expandable, push, and list styles.
Buttons Set your site's button style.
Background Image & Color Set your site's background image and color for each device.