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
Go to Topper Pack → Widgets in your WordPress dashboard.
Locate the Advanced Tab widget from the list.
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.
Advanced Tab
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
🔧 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:
Step 3: Configure Tab Items
In the Service Tabs Widget section:
Step 4: Style Your Tabs
From the Style tab:
✨ Features