Versions Compared

Old Version 14

changes.mady.by.user support_howto

Saved on

compared with

New Version 15

changes.mady.by.user support_howto

Saved on

Key

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

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

...

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

...

SITE THEME CATEGORIES

Expand
titleGlobal 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

...

Expand
titleTour Information Header

Tour Information Header

  • Header Background colour & Header background Opacity-Modifies colour of the box that contains the Tour Name, Description and From-Price on the booking page

image-20241104-064153.png

image-20241104-064009.png

  • Header Heading Colour- Modifies the Tour Name text colour

image-20241104-064527.png

image-20241104-064515.png

  • Header Description colour- Modifies the tour description text colour

image-20241104-064845.png

image-20241104-064827.png

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.

image-20241104-065102.png

image-20241104-071904.png

  • 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.

image-20241104-072427.png

image-20241104-072507.png

From-Price Circle Color- When you hover over the ‘From’ circle, its color changes based on the configured settings

image-20241104-072859.png

image-20241104-072847.png

...

Expand
titleAlert Colours

Alert Colours

  • Success colour- Modified badge backgroud colour when High-availability, icon colour for success messages

image-20241105-014242.png

20241105-0142-00.6385792.mp4

FOR FOLLOW UP

image-20241105-022252.png

  • Warning Colour- Adjusts the badge background or availability icon when it is low

image-20241105-021956.pngimage-20241105-020849.png

  • Danger Colour- Adjusts the badge background or availability icon when No-availability. It also changes determine the colour for missing fields.

image-20241105-022010.png

image-20241105-021412.png

image-20241105-021936.png
Expand
titleFooter Colours

Footer Colours

To update the contact details displayed in the footer of your site, follow these steps:

  1. Navigate to Settings: Access the settings menu of your site.

  2. Select ‘Sites’: From the settings menu, choose the ‘Sites’ option.

  3. Go to the Contact Section: Within the sites settings, locate and select the ‘Contact’ section.

  4. 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.

  • Footer Background Colour- changes the background of the footer of bottom part of tour site.

image-20241105-023510.png

image-20241105-023245.png

  • Footer Heading Colour- Modifies the site footer heading or the Primary contact name

image-20241105-024835.png

image-20241105-024824.png

  • Footer text colour- Changes the site footer non-heading text colour.

image-20241105-025436.png

image-20241105-025421.png

  • Footer Link Colour- site footer URL link and contact number text colour

image-20241105-025706.png