Styling Options

Table of Contents

On the Theme Options > Styling Options


  • 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


  • 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 phpMyAdmin to delete this record st_option_tree_settings_output_css_version on wp options 
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


  • 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 v5.15.4 to enter the icon code. It only apply for Custom Link 
Styling Options Image 3


  • 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
Styling Options Image 5


  • 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
Styling Options Image 8


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


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