Child pages
  • Change The Look Of Your Site

Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.

Design, fonts and colours are easy to change

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

  • Changing the template

  • Changing the site styles

  • 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 Template picker

Template picker iconImage Removedchange lookImage Added

Template picker icon


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 colours and fonts across your whole site.


  1. Open the Pages & folders menu

Accessing the Site stylesImage Removedaccessing stylesImage Added

Accessing the Site styles

  1. Click the More button ( ⋮ ) next to your site name and select Site styles

Image Removedmore buttonImage Added

What styles can you change?


If you aren't happy with your style changes you can reset them using the Reset all styles button at the bottom of the panel.

Content styles

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


  1. Hover over a piece of content

  2. Click the settings icon  in the top left corner

Accessing Content stylesImage RemovedsettingImage Added

Accessing Content styles

  1. Click the Style tab shown in the sidebar at the top

Image RemovedstyleImage Added

Content type styles

Style changes made on a particular type of content will be applied to all other instances of that content type on your site.

Changing a style

To change a style: click on the style you would like to change and click the back button ( < )once you are done making those changes.

Changing colours

There are three options for choosing a colour:

  1. Selecting one from the pre-defined palette

Colour optionsImage RemovedcolorsImage Added

Colour options

  1. Using the colour wheel

  2. Adding a hexadecimal colour

Image Removedcolor wheelImage Added

Changing fonts and typography

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