Styling Options

1.General

Theme style: Traveler theme supports 2 styles for Layout: Modern and Classic.

Right to left: This option supports site that using Right to Left language such as Arabic, Hebrew,etc

Typography: Manage font families, size, weight, line heights, letter spacing, font color, header margins and link color for body and headers. Choose either standard fonts, Google fonts or add your own custom fonts.

Depends on the language on the site that you are using, you should select the typography for fonts. Some language can use default font(Open Sans.. )

Google fonts: Traveler allows users to choose from any of the 500+ Google Fonts, the Standard System Font.

Stars color: Manage color of the stars on site, every star will be changed to other color if you select specific for Stars.

Default if you don’t select any color, the star will be used Main color.

Main color: Traveler allows you to select some default color as our demo, you can select it on list color or use own color.

Pickup color on this color-table to select the main color for site

 

Custom CSS code: Allows you to enter custom CSS code to make some custom changes in site.

On the screenshot, we add some CSS code for changing the text on Header.

If you are developer, this options is quite useful for you

2.Header

Build menu item on Header:

From version 1.2.5, we provide customer new option for building menu item on Header. Please follow these steps below here:

  1. Navigate to Traveler Setting > Styling Options > Header Options
  2. Find Header menu and build it.
  3. Click on add new button, New form will open.
  4. There are 5 standard options to use: Login, Currency, Language, Search form on Header, Shopping Cart. You just need to select each item for this menu and arrange it as you wish.
  5. Beside that, we also provide you option Custom link, you can use this to build other information:
    • Title: Enter Title for custom link, to mark the option.
    • Item: Select Custom link to active it
    • Link: Enter the link URL for item
    • Title Link: This is name of Link show on Front-end
    • Icon Link: you can use Fontawesome to enter icon code.

3.Menu

Select menu style: Currently, Traveler provided 8 menu styles for your choose. We will add more in the future.

Mega menu: Enable this option to use Mega menu that you can set up here.

4.Topbar

Topbar MenuTURN ON this option if you want to show menu at the Top of Header.

Topbar menu option: To build menu item on Header, follow these steps below:

  1. Navigate to Traveler Setting > Styling Options > Topbar Options
  2. Find Topbar menu and build it.
  3. Click on add new button, New form will open.
  4. There are 5 standard options to use: Login, Currency, Language, Search form on Header, Shopping Cart. You just need to select each item for this menu and arrange it as you wish.
  5. Beside that, we also provide you options Custom link, you can use to build other information:
    • Title: Enter Title for custom link, to mark the option.
    • Item: Select Custom link to active it
    • Link: Enter the link URL for item
    • Title Link: This is name of Link show on Front-end
    • Icon Link: you can use Fontawesome to enter icon code.

Hidden Top bar in mobile: On some site, Header is too long and not friendly on Mobile, so you can use this option to hide Top bar information.

Featured text: Allow to emphasize features on products that shown to clients.

Feature background color: Allow to change color of the background.

Copyright text: Allow to insert the copyright of the site/theme.

: Upload card image to display at the bottom of page.