The theme settings for Quick Order or ecommerce solution enable users to customise the colours and designs of various components within their campaign.
Step 1: Set up the colours or images of the theme. Kindly refer to the RED box or area.
- Desktop/Mobile 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 or 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
- Order Email Subject
- Order Email Top Description
- Order Email Bottom Description
- Order Email Header Image
Hint: Optimal image sizes – W640
- Order Email Key Visual
Hint: Optimal image sizes – W640
Step 2: 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 3: 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 4: Click on the “Save” button to save your theme settings.
