Update Site Theme

Owned by Steve Cullen, created
Last updated: 10 Sept, 2021 by support_howto
4 min read

Use predefined themes, or modify and save custom themes to apply to each site

Instructions

A step by step guide to applying and customising site themes

  1. From the ResWeb Config Menu, select Sites

  2. Select a Site from the list by clicking on the edit (pencil) icon or the site code text or the field shown

Select the Theme tab

Predefined Themes

  1. Select any predefined theme from the drop down list and select Load Selected Theme

  2. The current theme will display which template has been loaded (not yet saved)

  3. Preview the theme using the Preview Site button

  4. If satisfied the theme branding is appropriate, click save

The predefined themes cannot be overwritten so the Update theme will be greyed out.

  1. Under the Save as a New Theme radio button, name the theme and select save

 

Custom Themes

  1. Alternatively, select any custom theme from the drop down list and select Load Selected Theme

  2. The current theme will display which template has been loaded (not yet saved)

  3. Select save to confirm the selection

  4. Select save if making changes to an existing custom theme

  5. Select either the Update Current Theme radio button and select save
    or
    Select the Save as a New Theme radio button (and name the theme) and select save

     

Global Colours

  • Click on colours to customise

 

Layout Overlay

  • Select Overlay gradient & solid background position

  • Click on colours to customise

  • Select Overlay gradient opacity and/or Overlay solid opacity percentage

  • Select Overlay gradient size

Backgrounds

  • Enable or disable Image background

  • Click on colours to customise

Page Heading

  • Click on colours to customise

  • Select Heading UPPERCASE

  • Select Heading font weight

 

Masthead

  • Select Logo position

  • Click on colours to customise

  • Select Masthead button colour

  • Select Masthead background opacity percentage

 

Tour Information Header

  • Click on colours to customise

  • Select Header background Opacity percentage

  • Enable or disable Header Description

  • Select Header heading size

 

Progress Nav

  • Click on colours to customise

 

Tour Flow Nav

  • Click on colours to customise

 

Alert Colours

  • Click on colours to customise

 

Footer Colours

  • Click on colours to customise

  1. Click Save once all customisations have been made accordingly

  2. Select either the Update Current Theme radio button and select save
    or
    Select the Save as a New Theme radio button (and name the theme) and select save

 

Related articles