See this widget in action here.
Need to organize content into tabbed sections on your website? The Advanced Tabs widget in aThemes Addons for Elementor lets you create horizontal or vertical tabs with custom icons, images, and full styling controls.
In this guide, we’ll walk you through how to use the Advanced Tabs widget in aThemes Addons for Elementor.
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. This widget requires aThemes Addons Pro.
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.
That’s it! You’ve successfully set up the Advanced Tabs widget with custom layouts and styling on your site.
Next, would you like to add animated text to your pages? Check out our guide on using the Animated Heading widget to learn more.
