Xg Tab Builder

Tab Builder for Wordpress by Xgenious


  1. Plugin Installation
  2. Create Tab Builder
  3. Generate Tab Builder Shortcode
  4. General Settings
  5. Styling Settings
  6. Typgraphy Settings
  7. Help Center
  8. Import Demo Content



Plugin Installation

  1. Unzip the donwloaded zip file
  2. Inside the zip file you find an folder named main-file here you find another zip file named xg-Tab Builder.zip.
  3. Log-in to your WordPress site
  4. Navigate to the Plugins Menu > Click Add New > Click the Upload link
  5. Click Choose File > Locate the "xg-tab-builder.zip" file > Click Install Now
  6. Click Activate Plugin

Add Tab

  1. Log-in to your WordPress site
  2. Nivigate Tab Builder Form left side and clcik All Tab then click Add new Tab

  3. 1. Title: enter title for Tab builder.
    2. Description : enter description for Tab builder
    3. Position/Designation : enter position/designation for Tab builder
    4. Category : Create categroy for Tab builder to assign diffrent slider/filter/grid.
    5. Member Image : upload Tab member image.

Create Tab Shortcode

1. Title: enter title for Tab slider.
2. Copy Shortcode: copy Tab slider shortcode by one click.
3. Category: Select category for Tab slider.
4. Tab Builder Theme : Select theme there it has 22 theme and more cooming soon
5. Total Tab Item : Enter how many item you want it Tab Builder . enter -1 for unlimited Tab Builder.

1. Title Color: Select title color for tab.
2. Title Background Color: Select title background color for tab.
3. Title Active Background Color: Select title active background color for tab.
4. Title Active Color: Select title active color for tab.
5. Border Color: Select border color for tab.
6. Border Active Color: Select border active color for tab.
7. Description Color: Select description color for tab.
8. Description Border Color: Select description border color for tab.

1. Title Font Size: enter title font size
2. Description Font Size: enter description font size
3. Icon Font Size: enter icon font size

Help Center

Import Demo Content

To import the demo content as seen on the demo site , please see the following instructions.

  1. Log-in to your WordPress admin - Goto Tools ->Import ->Select WordPress.
  2. If required, download and active the WordPresss Importer plugin. Once activated you may need to repeat steps above.
  3. Locate and select the documentation/demo/Tab-demo.xml and for demo Tab. click the Upload File and Import button.
  4. Assign admin user to an existing user. e.g. admin ->select Download and Import file attachments.

Once again, thank you so much for purchasing this extension. As I said at the beginning, I'd be glad to help you if you have any questions relating to this extension and I'll do my best to assist. If you have any question you can send an e-mail via the profile page.