Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

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

Instructions

  1. From the Main Menu click on Settings > Sites

  2. Select the Theme page.

image-20241016-042541.png

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)

Select the Preview Site Button to see how the theme would display

  1. If satisfied with the theme click on the Save button.

image-20241016-045631.png

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

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

image-20241016-045824.png

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)

Select the Preview Site Button to see how the theme would display

  1. If satisfied with the theme click on the Save button.

image-20241016-050321.png

  1. 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-20241016-050524.png

  1. You can update the Colour layout on your site. See below further information about each colour and where it updates on your site.

image-20241101-052211.pngimage-20241101-052217.png

 Global Colours Section

Global Colours

image-20241101-052516.png

  • Primary Colour - Write an overview/caption here of what this updates on the site and capture of screenshot of the change

image-20241101-052109.png

  • Text Color - Adjusts the color of text within the calendar box, tour descriptions, and their titles in the homepage. IN the booking page it changes long description, dates and fares

image-20241101-055856.png

Homepage screenshot below

Text Colour-20241101-055307.png

Booking page screenshot below

image-20241101-064648.png

  • Secondary Colour - Modifies the color of Small headings on the booking page.

Image below is the site preview after changing Secondary Colour.

image-20241101-060703.png

image-20241101-060545.png

.

  • Text Muted Color - Alters the color of the “from” icon on both the homepage and booking page. It also updates the color of the tour information tabs and descriptions on the booking page

image-20241101-061834.png

Homepage screenshot below

image-20241101-061237.png

Booking Page screenshot below

image-20241101-061540.png

  • Border colour -Horizontal rules (lines) in the booking page

image-20241101-063933.png

image-20241101-063807.png

  • Shadow Colour-Tour Info tab shadow, Book Now button Shadow, From price circle shadow, Card shadow

image-20241101-071436.png

  • Call-to-Action Colour-Modifies the following: Button colour for Shopping Cart badge, Book Now button, Add to Cart button, Pay Now Button, and Checkout button.

image-20241101-072332.png

Homepage image below

image-20241101-072138.pngimage-20241101-072208.pngimage-20241101-072230.png

  • Input Border Colour- Modifies Border outline colour on clickable input fields, calendar, search fares, and filed placeholders.

image-20241101-072825.png

Homepage image below

image-20241101-072714.png

Booking Page image below

image-20241101-072752.png

Layout Overlay

  • Overlay Gradient & Soli backgroud postion- Offset layout by the height of the masterhead

    • It offers two options: “Top” and “Offset.” Refer to the image below to see the differences between them.

    • Overlay gradient colour to select color

    • Overlay Gradient Opacity can be changed from 100% to 0%

    • Overlay Gradient size has 3 options “small”, “Medium”, and “Large”

image-20241101-080457.png

Top option position covered the entire masterhead on the homepage. (see attached image)

image-20241101-075439.png

Offset option positiion, the overlay did not cover the entire masterhead on the homepage. (see attached image)

image-20241101-075313.png

  • No labels