Tabs Widget Tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Tabs Widget
Image
Now Drag and Drop Tabs widget
Image

Position : Vertical/Horizontal

Image

Content as Editor

Image

Content as Template

Image

Active Tab

Image

Tabs Active on Hover

Image

In Mobile Device Tabs Convert into Accordion Layout

Image

Manage Autoplay with Progress Bar

Image

Style Tab

Image

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.

Image

Title Progress

In this tab, You can manage Height and Color of Progress.

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.