Advanced Tab

Estimated reading: 2 minutes 12 views

The Advanced Tab widget offers a sleek and highly customizable way to display content in tabbed sections. With modern styles, Elementor template integration, and responsive layout options, this widget enhances user navigation and content presentation.

⚙️ How to Enable the Widget

  1. Go to ThemePul Pack → Widgets in your WordPress dashboard.
  2. Locate the Advanced Tab widget from the list.
  3. Toggle the switch to Enable.

Once enabled, it will appear inside the Elementor panel under the TP label.

🔧 How to Use

Step 1: Drag & Drop

Go to Elements → Widgets, search for “Advanced Tab,” and drag it into your section.

Step 2: Select a Style

From the Content → Styles panel:

  • Choose from various premade layout designs for your tab interface.
  • Preview and apply instantly.

Step 3: Configure Tab Items

In the Service Tabs Widget section:

  • Add Item: Click “+ Add Item” to create tabs.
  • Title: Enter the name for each tab (e.g., Artificial, Automation).
  • Enable Background: Optionally activate background highlights for tab buttons.
  • Set Active: Keep this tab open by default (toggle switch).
  • Content Source:
    • Default (text, media)
    • Elementor Template (select a pre-built Elementor section)

Step 4: Style Your Tabs

From the Style tab:

  • Customize Tab Menu Box, Button Style, and Content Box.
  • Adjust alignment, direction, spacing, background, border radius, and padding.
  • Modify typography and colors for a polished look.

✨ Features

  • Multiple layout designs
  • Elementor template support
  • Button styles and effects
  • Vertical/horizontal tab direction
  • Fully responsive and mobile-friendly
  • Typography and spacing controls
  • Toggle tab open state
  • Background enable/disable toggle

Leave A Comment

All fields marked with an asterisk (*) are required