Styling Options


  • Pre-Made Skins: Activate a preset skin that comes with the theme.
  • Body: Customize body background settings. Note that if your content rows are fullwidth, the body will not be visible.
  • Header: This part will allow you to customize the header bar that includes the logo and the navigation bar of your website.
  • Sub Header: Sub header is the part that contains the page title and the breadcrumb menu of a page.
  • Logo: Styling options for the logo box or font for all devices.
  • Main Navigation: This part will allow you to customize every color of the main navigation.
  • Shortcut Buttons: This part is refers the icons where top right on the page. You can enable/disable those icons and change their styles.
  • Section Navigation Bar: This is the top numbered navigation bar where you can see in a single product page ( see: )
  • Color Sets: Color sets are used to for content rows or columns. These are color schemes that allows you create a different look for your each content blocks. There are four of them available. The first one is the default color set of the theme.

    Note : When different color schemes are selected for nested rows and columns, the results may not be what you expect it to be because of the order of loading of the scheme in the css files. Basically it will follow the order of the scheme list to overwrite the one before. So loading a preset Color Set 1 into a Color Set 3 might not work as the Color Set 1 is loaded before the 3.

  • Footer: Customize the footer area