Page Comparison

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

...

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
   

   

...

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

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

   

...

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. If Select save if making changes to an existing custom theme , select save

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

   Image Added

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

  Image Added

Page Heading

• Click on colours to customise

• Select Heading UPPERCASE

• Select Heading font weight

  Image Added

Masthead

• Select Logo position

• Click on colours to customise

• Select Masthead button colour

• Select Masthead background opacity percentage

  Image Added

Tour Information Header

• Click on colours to customise

• Select Header background Opacity percentage

• Enable or disable Header Description

• Select Header heading size

  Image Added

Progress Nav

• Click on colours to customise

  Image Added

Tour Flow Nav

• Click on colours to customise

  Image Added

Alert Colours

• Click on colours to customise

  Image Added

Footer Colours

• Click on colours to customise

  Image Added

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

   Image Removed

...

Related articles