[KNR/Online Booking Module] Theme Settings

  1. 1. Header Image Desktop & Mobile

    Header Image Desktop & Mobile
  2. 2. Header Background Color

    Header Background Color
  3. 3. Header Font Color

    Header Font Color
    1. 4. A. Header Announcement Color 1 & 2

    2. 4. B. Header Announcement Font Color

    A. Header Announcement Color 1 & 2 B. Header Announcement Font Color
    1. 5. A. Footer Background Color

    2. 5. B. Footer Font Color

    A. Footer Background Color B. Footer Font Color
  4. 6. Footer Border Color

    Footer Border Color
  5. 7. Body Background Color

    Body Background Color
    1. 8. A. Body Font Color

    2. 8. B. Body Font Color

    A. Body Font Color B. Body Font Color
  6. 9. Body Font Color Light

    Body Font Color Light
  7. 10. Body Input Border Color

    Body Input Border Color
  8. 11. Theme Main Color

    Theme Main Color
  9. 12. Theme Main Color

    Theme Main Color
  10. 13. Theme Main Color Light

    branch tags & selected items

    Theme Main Color Light
  11. 14. Theme Main Color Light

    branch tags & selected items

    Theme Main Color Light
  12. 15. Theme Main Color Light

    branch tags & selected items

    Theme Main Color Light
  13. 16. Theme Main Hover Color

    Theme Main Hover Color
  14. 17. Button Font Color 1

    Button Font Color 1
  15. 18. Button Font Color 1

    Button Font Color 1
  16. 19. Button Font Color 1

    Button Font Color 1
  17. 20. Button Font Color 1

    Button Font Color 1
  18. 21. Button Font Color 1

    Button Font Color 1
  19. 22. Button Font Color 2

    Button Font Color 2
  20. 23. Datepicker Remark Dots Color

    The “Full” remark can be configured under the Calendar Remark setting in the Advance tab.

    Datepicker Remark Dots Color
  21. 24. Datepicker Holiday Color

    Datepicker Holiday Color
    1. 25. A. Total Tab Background Color

    2. 25. B. Total Tab Background Color

    A. Total Tab Background Color B. Total Tab Background Color
  22. 26. Discount Color

    Discount Color
  23. 27. Booking Step Banner Desktop & Mobile

    Booking Step Banner Desktop & Mobile
  24. 28. Hide Product Image

    Hide Product Image
  25. 29. Order Email Header Image

    To hide the header bar in the campaign interface and confirmation email, simply enable the “Hide Header Bar” option by toggle it to “ON”.

    Order Email Header Image
  26. 30. Order Email Key Visual

    Order Email Key Visual
  27. 31. Proceed to edit the remaining languages, if applicable.

    Proceed to edit the remaining languages, if applicable.
  28. 32. Fill in Custom Css if applicable.

    Custom CSS refers to the practice of creating personalised styles for websites by overriding or extending default styles. It allows developers to customise various aspects of a webpage’s appearance, such as colours, fonts, spacing, and positioning, by targeting specific HTML elements or classes.

    Fill in Custom Css if applicable.
  29. 33. Click on the “Save” button to save your theme settings.

    Click on the “Save” button to save your theme settings.