Theme Settings

The theme settings for restaurant reservation system enable users to customise the colours and designs of various components within their campaign. Each module might have different but very similar theme settings.

Step 1: Set up the colours or images of the theme. Kindly refer to the RED box or area.

  • Header Image 

Hint: The header image will replace the header banner and overlap it. You need to change the header image for all languages. Hint: Optimal image sizes – Desktop: W1920, Mobile: W640.

  • Header Background Colour
    Hint: The header background colour setting will modify the header of the calendar and date-picker as well.

  • Header Font Colour

  • Banner Image
    Hint: You need to change the banner image for all languages. Hint: Optimal image sizes – Desktop: W1920 x H1000, Mobile: W640 x H458.

  • Body Background Colour

  • Body Font Colour

  • Theme Main Colour

  • Section Active Background Colour

  • Section Inactive Background Colour

  • Section Inactive Border Colour

  • Input Border Colour

  • Datepicker Background Colour

  • Datepicker Selected Date Colour
  • Datepicker Hover Date Colour

  • Order Email Header Image

Hint: Optimal image sizes – W640

  • Order Email Key Visual

Hint: Optimal image sizes – W640

Step 2: Fill in Custom Css if applicable.

  • Custom Css: 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.

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

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

Updated on August 22, 2023

Related Articles