Last Update: February 19, 2023
The Tabs Element is perfect for displaying a large amount of organized information in a small area. Avada includes 2 different design styles for tabs; clean and classic. Both design styles can be vertical or horizontal, and you can use any other simple Avada Builder elements inside of them. You can use icons next to the titles, easily drag and drop each tab item into different locations, insert images, icons, checklists and much more. Read below to discover more about this very useful design element.
How To Use The Tabs Element
The Tab Element is the most versatile way to add a tabbed section anywhere on your site. To start, simply add the Element to your desired column.
There are both Parent Options, which affect the whole series of tabs, and individual tab items. This element has a range of options, starting with two designs and two layouts to choose from.
Once you have chosen your design and layout, you can slowly move down the Parent Options, deciding how to style the Tabs. There are color, border and icon options for you to configure.
Once you have set all your Parent Options, you add Child Items. Click the pencil icon to edit the existing item. The Child Item Options Panel appears. This is where you add the content for the individual Tabs. You can add a title, an icon, and then there is the Tab Content field. This can take text, html or shortcodes, so there is no limit on what the content of the tabs can be.
You can then set up other tabs, either by duplicating existing ones, or creating new tabs, by clicking on the Clone Item icon, or the + Tab button respectively.
Read below for a description of all element options.
Note: The Default setting will use the global settings assigned for this element in your Options > Avada Builder Elements > Tabs Elements section. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.