Frontend color customization

Here you will find the list of all boxes that may change the way your frontend looks like.

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

Should you have any further questions, please feel free to contact us at [e-mail].