Versions Compared

Old Version 12

changes.mady.by.user support_howto

Saved on

compared with

New Version 13

changes.mady.by.user support_howto

Saved on

Key

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

...

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

...

Expand
titleGlobal Colours Section

Global Colours

image-20241101-052516.pngImage Modified

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

image-20241101-052109.pngImage Modified

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

Homepage screenshot below

Text Colour-20241101-055307.pngImage Modified

Booking page screenshot below

image-20241101-064648.pngImage Modified

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

image-20241101-060545.pngImage Modified

.

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

Homepage screenshot below

image-20241101-061237.pngImage Modified

Booking Page screenshot below

image-20241101-061540.pngImage Modified

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

image-20241101-063933.pngImage Modified

image-20241101-063807.pngImage Modified

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

Image Modified

image-20241101-071436.pngImage Modified

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

Homepage image below

image-20241101-072138.pngImage Modifiedimage-20241101-072208.pngImage Modifiedimage-20241101-072230.pngImage Modified

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

image-20241101-072825.pngImage Modified

Homepage image below

image-20241101-072714.pngImage Modified

Booking Page image below

image-20241101-072752.pngImage Modified

Expand
titleLayout Overlay

Layout Overlay

  • Overlay Gradient &

...

  • Solid 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 Modified

image-20241104-022320.pngImage Modified

image-20241104-032124.pngImage Modified

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

image-20241104-031903.pngImage Modified

image-20241104-031815.pngImage Modified

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

image-20241104-025216.pngImage Modified

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

image-20241104-025031.pngImage Modified

Expand
titleBackgrounds

Backgrounds

  • Enable image background you can turn this on or off

  • Layout background colour

image-20241104-034253.pngImage Modified

image-20241104-034132.pngImage Modifiedimage-20241104-034215.pngImage Modified

image-20241104-034508.pngImage Modified

image-20241104-034540.pngImage Modified

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

image-20241104-035209.pngImage Modified

image-20241104-035144.pngImage Modified

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

image-20241104-035902.pngImage Modified

  • Tour Flow Stub Background Colour

image-20241104-053643.pngImage Modified

image-20241104-053557.pngImage Modified

Expand
titlePage Heading

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

image-20241104-054830.pngImage Added

image-20241104-055539.pngImage Added

Expand
title Masthead

Masthead

  • Logo Position-Modifies the size of your logo or site header

image-20241104-060350.pngImage Added

image-20241104-060113.pngImage Added

  • Masthead Button Text Colour- changes the text color for Redeem, account name or login button, and cart button

image-20241104-060318.pngImage Added

image-20241104-060307.pngImage Added

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

image-20241104-061240.pngImage Added

image-20241104-061308.pngImage Added

image-20241104-061120.pngImage Added

  • Masthead Backgroud Colour and Opaacity- It modifies the site header and background colour

image-20241104-062125.pngImage Added

image-20241104-062559.pngImage Added