Overview
Use predefined themes, or modify and save custom themes to apply to each site
...
Select the Preview Site Button to view how it will appear on your the site
...
If satisfied with the theme click on the Save button.
...
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
...
Colour Options
You can update Update the colour layout on your the site. Below, you'll find detailed information about each colour and the areas where it will be applied.
...
Expand |
---|
title | Global Colours Section |
---|
|
Global Colours
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
Homepage screenshot below Booking page screenshot below
Image below is the site preview after changing Secondary Colour.
.
Homepage screenshot below Booking Page screenshot below
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.
Homepage image below
Input Border Colour- Modifies Border outline colour on clickable input fields, calendar, search fares, and filed placeholders.
Homepage image below Booking Page image below |
Expand |
---|
|
Layout Overlay
Top option position covered the entire masterhead on the homepage. (see attached image) Offset option positiion, the overlay did not cover the entire masterhead on the homepage. (see attached image)
the image below shows the homepage and booking page with low overlay gradient opacity and overlay solid opacity.
|
Expand |
---|
|
Backgrounds
Background light colour-Background of popup Windows, availability calendar and picker, card stock, the Apply smart rule button, background of the pax name header for extras
|
Expand |
---|
|
Page Heading Page Heading Colour- Changes the color of your Tours Page (Homepage) Page heading Shadow Colour-applies shadow effect to the tittle Heading Uppercase: You can choose ‘Normal’ to keep the heading as it is set up on the website, or select the ‘Uppercase’ option to automatically convert each letter to uppercase Heading Font Weight- Page title normal or bold
|
Expand |
---|
|
Masthead
Masthead Button Color- This option changes the color of the header button when you hover over it to select. It has two options Primary and white, If the primary option is set, it will use the color specified in the Global Colors > Primary Color section. Then selecting the “white” option will just make the selection turn white when selecting or hovering to the header button.
|
Expand |
---|
title | Tour Information Header |
---|
|
Tour Information Header
Header Text Shadows- Adds a shadow effect to the tour title and tour description, enhancing their visual appeal NOTE THE DESCRIPTION FOR THIS SETTING IS INCORRECT. STEVE ALREADY CREATED A TICKET TO DEV OP TO CHANGE THIS.
Enable Header Description- This option allows you to hide or show the tour description. It will display only the tour name, and you can customize its size using the Header Heading Size settings, which can be set to ‘Small,’ ‘Normal,’ or ‘Large.
From-Price Circle Color- When you hover over the ‘From’ circle, its color changes based on the configured settings
|
Expand |
---|
|
Footer Colours To update the contact details displayed in the footer of your site, follow these steps: Navigate to Settings: Access the settings menu of your site. Select ‘Sites’: From the settings menu, choose the ‘Sites’ option. Go to the Contact Section: Within the sites settings, locate and select the ‘Contact’ section. Update Your Details: Fill in the necessary information such as your name, email address, and any other contact details.Once you’ve completed these steps, the updated information will be reflected in the footer of your site.
|