See this widget in action here.
The Advanced Tabs Widget provides a flexible way to organize and present your content in horizontal or vertical tabs. With support for icons, images, and Elementor templates, this widget allows for extensive customization and styling.
Activate the Widget
This widget is part of the aThemes Addons for Elementor plugin. To activate it:
- Navigate to the aThemes Addons dashboard in your WordPress admin area.
- Search for the Advanced Tabs widget.
- Toggle the switch to activate it. The widget will now be available in the Elementor interface.
Widget Options
Tabs Section
- Title: Define the title for each tab.
- Description: Add a short description for the tab (optional).
- Icons or Images: Use an icon or image to visually represent the tab.
- Content Type: Choose between text or Elementor templates as the content for each tab.
- Horizontal or Vertical Layout: Switch between horizontal or vertical alignment for the tabs.
- Alignment: Adjust the alignment of the tabs in both layouts.
- Icon Position: Display icons inline or stacked above the tab titles.
Style Options
- Tabs Style: Customize the tabs’ background, border, padding, and shadow.
- Title and Description: Adjust typography, colors, margins, and alignment for both the title and description.
- Hover and Active States: Define specific styles for tabs on hover and when active.
- Content Box: Customize the padding, margins, background, border, and typography of the tab content.
Conclusion
The Advanced Tabs Widget is a versatile solution for presenting organized and visually appealing tabbed content. Its rich customization options make it an excellent choice for enhancing user engagement.