Tabs Widget Tutorial
![](https://ecaddons.com/wp-content/uploads/2023/05/tabsenable-1024x512.png)
![](https://ecaddons.com/wp-content/uploads/2023/05/tabswidget.png)
Position : Vertical/Horizontal
![](https://ecaddons.com/wp-content/uploads/2023/05/tabsposition.png)
Content as Editor
![](https://ecaddons.com/wp-content/uploads/2023/05/tabscontent.png)
Content as Template
![](https://ecaddons.com/wp-content/uploads/2023/05/tabscontenttemplate.png)
Active Tab
![](https://ecaddons.com/wp-content/uploads/2023/05/tabsactivetab.png)
Tabs Active on Hover
![](https://ecaddons.com/wp-content/uploads/2023/05/tabsonhover.png)
In Mobile Device Tabs Convert into Accordion Layout
![](https://ecaddons.com/wp-content/uploads/2023/05/tabsmobileaccordion.png)
Style Tab
![](https://ecaddons.com/wp-content/uploads/2023/05/tabsstyletab.png)
Title
In this tab, You can manage Padding, Margin and Typography.
And for Normal, Hover and Active, You can manage Color, Background, Border, Box Shadow and Text Shadow.
Icon
In this tab, You can manage Padding, Margin and Size.
And for Normal, Hover and Active, You can manage Color, Background, Border and Box Shadow.
Icon & Title Box
In this tab, You can manage Padding.
And for Normal and Hover, You can manage Background, Border and Box Shadow.
Content
In this tab, You can manage Padding, Margin, Color, background, Border, Box Shadow and text Shadow.
Mobile Title
In this tab, You can manage Padding, Margin and Typography.
And for Normal and Active, You can manage Color, Background, Border, Box Shadow and Text Shadow.
Mobile Icon
In this tab, You can manage Padding, Margin and Size.
And for Normal and Active, You can manage Color, Background, Border and Box Shadow.
Mobile Content
In this tab, You can manage Padding, Margin, Typography, Color, Background, Border, Box Shadow and Text Shadow.
Box
In this tab, You can manage Padding.
And for Normal and Hover, You can manage Background, Border and Box Shadow.