Article-features-+-Assets Back

Styling Options

Table of Contents

On the Theme Options > Styling Options

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

NOTE:

  • When editing the font of Google Font must to match with the Typography, Google Fonts to avoid a font error
  • To clear the font cache, go to Theme Settings > Sync Availability
Styling Options Image 1
  • Change the Main Color of the website
  • Change the Link Color of the website
  • Add CSS Custom code right there
Styling Options Image 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

To add a custom link on header menu items, please read our article to learn more about it

For example, I want to create a custom link with a document icon. I search a book icon on Fontawesome first. Link: https://fontawesome.com/v5/icons/book-open?f=classic&s=solid

Styling Options Image 12

And Paste it on Icon Link

Styling Options Image 11

Finally, this icon will show on header menu item like this:

Styling Options Image 13
Styling Options Image 3

Menu

  • Select the Menu Style on the list
  • Enable the Menu Transparent which is shown on your website
Styling Options Image 4
  • Enable the Mega Menu to activate this option. Reload your admin dashboard again, you’ll see the Mega Menu section on the sidebar

To edit a mega menu, please read our article to learn more about it

Styling Options Image 5

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

To edit topbar item, please read our article to learn more about it

Top Bar Menu Image 1
Styling Options Image 8

Featured

  • Change the text to display Featured Text content.
  • Change the color of Feature Background Color options

To change the featured text content, please read out article to learn more about it

Styling Options Image 9

Footer

Note:

This options is applied to both Elementor demo and WPBakery Demo.

  • Change the Copyright Text on the footer of your website
  • Insert the image of Card Accept to payment

To change the copyright text, please read our article to learn more about it

Styling Options Image 10

$79