Tabs Element

Last Updated on

The Tabs element allows you to add responsive tabbed content to your page.

Common Uses:

  • Content Organizer
  • Add Visual Consistency
  • Make Navigation Self-Evident
x
Beware! This element is a part of the Raven elements. Raven is an exclusive plugin developed by Artbees which represents new useful elements to Elementor. In order to see the default Elementor Tabs, you need to look for it in the Elementor knowledgebase

In this article


Displaying a Tabs Element

To add a Tabs element to a page:

1
Add a new page or edit an existing one.
2
Click on Edit with Elementor button.

3
From the left dashboard, search for a “Tabs”.

4
Drag and drop the Tabs element to your page.

5
A new dashboard on the left will open with the element’s settings. These are explained below.

Content

SettingDescription
Tab Items Lists all tabs item.
Title & Content Adds title and content to your tabs. Please note that you can only add the rich text inside the tabs. You can not add any other element inside them. However, you can add WordPress shortcodes and content blocks from Elementor > My Templates by copy/pasting the shortcode inside the tab content.
Icon Adds icon displayed in the tab menu.
Add Item button Adds more tab item.
Settings Sets the Orientation of the menu. Choices are Horizontal and Vertical.

Style

SettingDescription
Tabs Sets Tabs Active Background color, Border Color and Border width.
Title Sets Title Text Color, Active Text Color, Typography and Padding.
Description Sets Description Text Color, Typography and Padding.
Icon Sets Icon Color, Size and Spacing.

 


Responsive Options

You can choose to have different settings on different screen sizes for some of the Tab element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.

At first you’ll see the icon for desktop layout only

But when you click that icon, you’ll get two more layouts: for tablet and phone.

To learn more about it, please check this article.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket