Skip navigation
Knowledge Base    Websites    Site Settings: Change the look of your site (v8 & v10)

Change the look of your site (v8 & v10)

Last Updated: Jan 21, 2022

Changing the look of your Website Builder site.

v10 Instructions

v8 Instructions

 

v10 Instructions:

There are three ways to change the look of your site:

  • Changing the site design
  • Changing the section style
  • Changing the section layout
 

Changing the site design

1. Click Site design

Site design

Site design

 

2. Choose from the options at the top of the page to change your site design. Return to the editor to continue editing your site

Site design page

Site design page

 

Changing section styles

1. Click on the section you want to edit to open the section's settings

2. Click on Style

Section style

Section style

 

3. Select one of the options to change the style of your section

Style options

Style options

 

4. If you select Image, you can upload a new image or access your previously uploaded images

Add image

Add image

 

Changing section layout

1. Click on the section you want to change to open the settings and click Layout

Section layout

Section layout

 

2. Select the layout you want to use and click Done

Select section layout

Select section layout

 

Headers and footers

When editing your header or footer, you can choose to make changes on a page by page basis, or to apply the changes to all pages on your site

1. Click on your header or footer to open the settings page. Click on More info

Edit header

Edit header

 

2. To view the option to change the settings, click Change

Header information

Header information

 

3. Select the setting you wish to use and click Update

Change header settings
v8 Instructions:

There are three different ways to change the look of your site:

  1. Changing the template for your site.
  2. Changing the site styles.
  3. Changing the style of a piece of content.

Changing Templates

Choosing a template can either be done when you initially sign up to the editor, or by selecting another one via the Template picker. To access the Template picker:

  1. Click the Main menu icon at the very top left of the screen.
  2. Click Template picker.

Accessing the Template picker

Note: If you are changing the look of your site after adding lots of content, it's a good idea to use the Preview Button to see how your content works with a new template. 

 

Site Styles

Use Site Styles to change the colors and fonts across your entire site.

To change Site styles:

  1. Click Site options, the three dots in the top left corner of the screen.
  2. From the dropdown menu select Site styles.

Accessing the Site styles

Note: If you aren't happy with your style changes you can reset them by using the Reset All button at the bottom.

Content Styles

Content styles are a set of options that can change the colors and fonts for a particular type of content.

To access Content styles:

  1. Hover over a piece of content.
  2. Click the cog icon in the top left.
  3. Click the Styles tab shown in the sidebar at the top.

Accessing Content styles

Note: Style changes made on a particular piece of content will be applied to all content on your site.

Changing A Style

To change a style:

  1. Click on the style you would like to change.
  2. Change the color or font.
  3. Click the back button (<).
  4. Click Save.

Editing a font style

 

Color Options

There are three options for choosing a color:

  1. Selecting one from the pre-defined palette.
  2. Using the color wheel.
  3. Adding a hexadecimal color.

Color Options

Font and Typography Options

Font and typography options can be changed in the following ways:

  1. The font itself.
  2. The weight or thickness.
  3. The size.
  4. The line height (the space between lines of text).
  5. The letter spacing.

 Font options


Can't find what you're looking for? Contact our support team now
Open a Support Ticket
Submit a request

Anytime 24/7

Live Chat

Live agent:  12am - 5pm MST every day
Live virtual bot:  5pm - 12am MST every day
Mountain Time, Denver, USA