How to set up and style the Advanced Tabs widget in Elementor.
Advanced Tabs splits content into tabs, each with a title, an optional icon and a rich text panel. Use it to fit several related pieces of content into one space, in a horizontal or vertical layout.
Part of: Bright Addons (free).
| Option | What it does |
|---|---|
| Items | The list of tabs. Add, remove, duplicate and reorder them. |
| Title | The text on the tab button. It supports dynamic tags. |
| Icon | An optional icon shown before the tab title. |
| Content | The panel content, written in a rich text editor. |
| Layout | Horizontal puts the tabs above the content. Vertical puts them beside it. |
| Tabs Alignment | Aligns the tabs left, center or right, or stretches them to fill the row. Horizontal layout only. |
| Active Tab Number | The number of the tab that is open on page load, starting from 1. |
Pro adds 80 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
typography, padding, space between tabs, border radius, and text and background colors for normal and active tabs.
text color, typography, background color, padding, border, border radius and box shadow of the panel.
Yes. Each tab has an Icon control. The icon appears before the title.
Yes. Arrow keys move to the next or previous tab, and Home and End go to the first and last tab.
Yes. Set Layout to Vertical. On small screens the tabs move above the content.
No. Each tab holds rich text content from the built in editor.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide