Header Settings

1. Change the logo

Go to Traveler Setting > General Options

  • Favicon Upload favicon logo for the website. It will be shown in page’s tab title.
  • Logo Upload your brand’s logo.
  • Logo Retina Upload the logo to be shown on retina devices. Enter the tail “@2x” after the logo’s name to ensure logo shown in good quality.

2. The currency drop down

Currency List Adding which currency to your website page (USD, Euro, Pound,…).

Click Add New, then add Currency’s title, name, its symbol and exchange rate.

3. Background header

Change the background color/image and transparency of the header.

  • To change header background, go to Theme SettingsStyling Options to Header background section and change default color by other color.
  • To change header text color , go to the Admin page > Traveler Settings > Styling Options > Custom CSS.

You can add this code in Custom CSS

.top-user-area .top-user-area-list > li > a{ color: black;// change the color name or color code }

4. Change the text “Sign in” and “USD$”

To change header text color (Sign in + Currency), go to the Admin page > Traveler Settings > Styling Options > Custom CSS.
You can add this code in Custom CSS

.top-user-area .top-user-area-list{ color: black;// change the color name or color code }

5. The orange line at the bottom of the header

The color of the orange line at the bottom of the header, this is the main color, if your main-color(orange) is changed, it will be changed. Now we don’t have option allow change only the line at the bottom.

If you want to change it to another color, you can use CSS code:

#menu1 { border-bottom: 2px solid #6dab3c; }

6. The search form and search result paramters

Header search is Search form on the top of the page. Go to Traveler Setting > Search options > Header Search

There are some options to customize Header search as following:

  • Header Search Order By: Choose the way results are arranged (by name / id / date / author / random)
  • Header Search – Order: Arrange results descendingly or ascendingly
  • Header Search – Search by: Choose searching area (search in Post/ Pages/ Media/ Product/ Rental/ Hotel/ Car/ Tour..).