Frontend color customization

Follow these steps to begin customizing the colors of your frontend:

1. Log in to your admin console.

2. Navigate to the Dealers section.

3. Click on Frontend Settings.

4. Scroll down to the Background section, where color customization begins.

Background

• Whole Page: Use this option to set the background for your entire frontend.

• Forms - upper and lower part of your search box.

• Background shade - border of section Others and line in the section Summary

• Background Popover - colour of pop-up window where Conditions for ticket change are published by carriers

• Tooltip - if you touch Airport city code by your mouse you will see this tooltip in a colour you set up.

• Close button for modal window

• Calendars - colour of screen between 2nd and 3rd step of booking process

• Texts - body of your search box

• BackgroundGrayLight - branded fares pop up window with detail

• Progress bar - waiting page with plane

1) TextProgressBar

2)BackgroundProgressBarDark

3)BackgroundProgressBarLight

• Page footer - color of images

• Background language selection - color of language button.

• Total travel time in flight details - it is to be found in Flight details

• Background Danger - action button when modifying My Profile details

• Backgroung success light - confirmation that inserted promo code is correct

• Backgroung choose date - Date chosen in calendar

• Checkbox Background - color of checkbox "Only direct flights"

This option allows you to insert any image you want as your background.

Recommended Image Size: 1080 x 930 pixels (higher quality results in a better display).

How to Insert Your Image:

1. Click the box labeled "Add Background Image".

2. Upload your photo from your computer.

3. Check the box "Fix Background" to keep the image static.

4. To repeat your image:

   • Horizontally: Select the option to repeat the image across the width.

   • Vertically: Select the option to repeat the image along the height.

• Search form titles - color of text shown in titles

• Selected in search form - Departure date IATA code , Dates in calendar, type of class

• Whispered text - arrival city whispered text

• Buttons - button text color

• Text white - branded fare button text color

• Calendar today - actual date color

• Warnings - common warning text and dates, emphasized text.

e.g.:

• Baggage info

• Flight days - borders and vertical line

• Calendar - borders

• Change time of flight - payment method line divider

• Border filter separator - left panel horizontal divider line

• Step bar cycles

• Filled in form inputs - missing content in fields when anything is already inserted

• Border input unfilled - if no content is inserted at all.

• Border search form additional - 2 vertical dividing lines

• Shadows - Flight option - color of cursor when choosing tje righ date

• Links - hyperlinks, More option text, Choose flight text.

• Background filter balls - color of outer ball

• Border slider hover - color of inner ball

• Within range slider - slider color

• Out of range slider - color of slider - part that is out of the limit

• Border filter balls

• Background tool tip slider

📩 Feel free to contact us at: [email protected].