Frontend color customization

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

To start with colour customization just follow these instructions:

1) Log into your admin console

2) Find section Dealers

3) Click at Frontend settings

4) Scroll down to section Background where the section for colour customization starts.

BACKGROUND

• Whole page - here you specify background of your 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"

• Add background image - here you may insert any image you would like to have on background.

Recommended image size: 1080 x 930 pxls but higher quality better result.

How to insert your image?

1. Just click at box "Add background image"

2. Download your photo from your computer.

3. Do not forget to tick box "Fix background"

4. To repeat your photo horizontally

5. To repeat your photo vertically

• 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].