[KNR/Online Booking Module] Theme Settings
1. Header Image Desktop & Mobile

2. Header Background Color

3. Header Font Color

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

5. A. Footer Background Color
5. B. Footer Font Color

6. Footer Border Color

7. Body Background Color

8. A. Body Font Color
8. B. Body Font Color

9. Body Font Color Light

10. Body Input Border Color

11. Theme Main Color

12. Theme Main Color

13. Theme Main Color Light
branch tags & selected items

14. Theme Main Color Light
branch tags & selected items

15. Theme Main Color Light
branch tags & selected items

16. Theme Main Hover Color

17. Button Font Color 1

18. Button Font Color 1

19. Button Font Color 1

20. Button Font Color 1

21. Button Font Color 1

22. Button Font Color 2

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

24. Datepicker Holiday Color

25. A. Total Tab Background Color
25. B. Total Tab Background Color

26. Discount Color

27. Booking Step Banner Desktop & Mobile

28. Hide Product Image

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

30. Order Email Key Visual

31. Proceed to edit the remaining languages, if applicable.

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.

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