Versions Compared

Old Version 8

changes.mady.by.user support_howto

Saved on

compared with

New Version 9

changes.mady.by.user support_howto

Saved on

Key

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

...

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

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”

...

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)

...