Editing Your Design Settings

  1. From your store's 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. This will open the Theme Style editing section on the left of the page.


3. When you have completed your edits, click the Done button. If you wish to apply your changes to your live site immediately, click the Publish button at the top left of the Site Designer page. 

Theme Color Palette

Volusion's Theme Color Palette allows you to add more color choices to the default settings for your template. To use it, open the Design Settings function by clicking its button in the top center of the Site Designer page.

  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 to choose a range of colors (reds, blues, greens, etc.).

3. Once your range is chosen use the color field to choose your specific color.

4. To add the color to your palette click the small plus sign button on the color pop-up.

Once the color has been added to the palette it will be a choice available in any of the Color fields in the Design Settings (such as Theme Background Color, Primary Color, Secondary Color, etc.)

5. Choose your new color in any of these fields and click the Done button at the bottom of the Design Settings section.

You can now use the Preview button to see how the change will look in your store and if you are satisfied, the Publish button will make the change live.

Available Design Settings

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 (slider)
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?