Styling Options

1. General

• Choose the Theme Style to Modern type

• Decide to choose either the Elementor or WPBakery Page Builder for applying to each demo site. Otherwise, your website design could get errors on WPBakery Page Builder/Elementor

• Change the read mode from left to right on Right to Left mode

• Select the Typography, Google Font on your website

• Select the font from the Google Font on the list

Notice: When editing the font of Google Font must to match with the Typography, Google Fonts to avoid a font error

• Change the Main Color of the website

• Change the Link Color of the website

• Add CSS Custom code right there

To clear the font cache, delete this record st_option_tree_settings_output_css_version in your table database wp-option

2. Header

• Set up the Banner Transparent on your website

• Change the navigation menu item on the Header menu items

1. Click on add new button, New form will open.

2. There are 5 standard options to use: Login, Currency, Language, Search form on Header, and Shopping Cart. You just need to select each item for this menu and arrange it as you wish.

3. Besides that, we also provide you the option Custom link, which you can use this to build other information:

   • Title: Enter Title for a custom link, to mark the option.

   • Item: Select Custom link to activate it

   • Link: Enter the link URL for the item

   • Title Link: This is the name of the Link shown on Front-end

   • Icon Link: you can use Fontawesome to enter the icon code.

3. Menu

• Select the Menu Style on the list

• Enable the Menu Transparent which is shown on your website

Notice: This feature is only available on the Elementor Demo

Menu's Elementor demo

• Enable the Mega Menu to activate this option. Reload your admin dashboard again, you’ll see the Mega Menu section on the sidebar

Notice: This feature is only available on the WPBakery Page Builder Demo

-> On the Mega Menu at the sidebar, go to the Add New and create your own mega menu by WPBakery Page Builder

-> On the Appearance, go to the Menu and add the mega menu you’ve just created to the menu items

4. Topbar

• Enable the TopBar menu to display

• Select the item of Topbar Menu Options

• To hide it on a mobile screen, enable Hidden Topbar in Mobile

You can search the topbar icon in Font Awesome version 5.15.4 and insert it into this field

5. Featured

• Change the text to display Featured Text content.

• Change the color of Feature Background Color options

6. Footer

• Change the Copyright Text on the footer of your website

• Insert the image of Card Accept to payment