Click HERE for an interactive tutorial. Scroll to the bottom for animated steps.

Detailed Step-by-Step Tutorial

Add Tabs

  • Go to APPS at the top of the screen.
  • Drag Tabs widget to an area of the page where you'd like to add it to.


  • Double-click on Tabs or highlight it and go to Settings pane > APP.
  • Select Tab: If you've previously created a tab gallery, you can choose it from the dropdown. If no tab gallery has been previously created, then No Tabs Available will be displayed. You can create a new tab gallery in Manage Tabs.

Manage Tabs

Use this menu to manage existing galleries and their tabs, and to create new galleries.

Create Tab Gallery 

  • Name and Save a new tab gallery.


Tab Gallery List

  • Displays a list of your tab galleries.
  • Click tab list icon for a gallery to add / edit gallery's tabs.


Tab List 

  • Displays existing tabs for a chosen gallery.
  • Allows to edit existing tabs.
  • Click ADD NEW TAB button to add a new one.


  • When creating a new tab, enter Tab Heading and Tab Contents, that can be formatted using the formatting bar.



General Settings

  • Title: Enter the title.
  • Show as Tooltip: Show the title as tooltip (text that appears when your mouse hovers over the blog).
  • Top: Set top margin.
  • Left: Set left margin.
  • Width: Set the width.



  • Color: Choose background color.
  • Opacity: Set opacity for the background.
  • Image: Enable to use an image as a background.
  • Size: Choose background size (i.e. auto, 100%, etc.).
  • Position: Set position of the background.
  • Repeat: Choose repeat type for the background.



  • Color: Choose border color.
  • Style: Chose border style.
  • Width: Choose the width of the border.
  • Radius: Choose border corner radius.


Box Shadow:

  • Shadow: Toggle ON to create a shadow for the tabs.
  • H-Shadow: Set horizontal position of the shadow.
  • V-Shadow: Set vertical position of the shadow.
  • Blur: Set blur value for the shadow.
  • Spread: Define how far the shadow spreads.
  • Color: Set the color for the shadow.
  • Style: Select between inset and outset.


Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request