Versions Compared

Old Version 10

changes.mady.by.user support_howto

Saved on

compared with

New Version 11

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

Expand
titleLayout Overlay

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.pngImage Modified

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

image-20241101-075439.pngImage Modified

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

image-20241101-075313.pngImage Modified

  • Overlay Solid Colour-Overlays the background image

    • Overlay solid opacity

image-20241104-025113.pngImage Added

image-20241104-022320.pngImage Modified

image-20241104-032124.pngImage Added

the image below shows the homepage and booking page with low overlay gradient opacity and overlay solid opacity.

image-20241104-031903.pngImage Added

image-20241104-031815.pngImage Added

  • Modal Backdrop Colour- Modifies backdrop coulour for modal, gallery, and drawer.

image-20241104-025216.pngImage Added

the image below is when selecting an image in booking page.

image-20241104-025031.pngImage Added

Backgrounds

  • Enable image background you can turn this on or off

  • Layout background colour

image-20241104-034253.pngImage Added

image-20241104-034132.pngImage Addedimage-20241104-034215.pngImage Added

image-20241104-034508.pngImage Added

image-20241104-034540.pngImage Added

  • Content Background Colour-Modifies the site colour behind the cards and navigation in homepage and booking page.

...

image-20241104-035144.pngImage Added

  • 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

...

image-20241104-035902.pngImage Added