Editing Your Design Settings

1. From your store Dashboard, click the Site Designer icon in the left Navigation Menu.

2. Click the Design Settings button at the top of the Site Designer page to open the Theme Style editing section.

3. Edit your theme style. Any changes you make will be visible on your storefront preview, but will not be visible to your customers until you publish your changes.

4. When you have completed your edits, click the Done button at the bottom of the Theme Style section. To apply the changes to your live site, click the Publish button at the top of the Site Designer page.

Adding a color to your Theme Color Palette

Volusion's Theme Color Palette allows you to adjust color choices for your template. Open the Theme Style menu to adjust your color palette.

1. To add a new color option for your theme's color choices, click the Plus Sign icon next to the current color choices.

2. On the Color pop-up, use the color bar and field to choose a color. Click the plus sign at the top right of the pop-up to add the color to your palette.

3. When you click on a color field, your new color can be chosen in the 'Select a swatch' field. Preview the changes made to your storefront on the right.

Click the Publish button at the top of the page to push your changes live to your storefront.

Available Design Settings

Note: available settings may change depending on your theme.

Color:

Theme Background Color
Primary Color
Secondary Color
Body Text Color
Link Color
Link Hover Color
Sale price Color

Typography:

Heading Font Family
Base Font Family
Base Font Size
Line Height

Components:

Primary Button Styles-
Text Color
Hover text color
Background Color
Hover Background Color
Border Color
Hover Border Color
Font Weight
Text Transform
Border Thickness
Size
Rounded
Grow on Hover


Button Preview- (shows changes made to button)

Secondary Button Style-
Text Color
Hover text color
Background Color
Hover Background Color
Border Color
Hover Border Color
Font Weight
Text Transform
Border Thickness
Size
Rounded
Grow on Hover (slider)


Secondary Button Preview- (shows changes made to button)

Did this answer your question?