Classic style

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Modern Style

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Flat style

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Outline Style

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Rounded shape

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Round shape, Autoplay: 4 sec

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Square shape

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Tab navigation position - top

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Tab navigation position - Bottom

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Navigation alignment: Left; Pagination style: Square

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Navigation alignment: Right; Pagination style: Radio

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Pagination: Point

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Navigation alignment: center

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Navigation width: Large; Pagination: Fill square

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Navigation: Small: Pagination: Rounded Fill Square

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Gap is set 20px

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

Spacing is set 20px

I am text block. Click edit button to change this text.

I am text block. Click edit button to change this text.

GENERAL SETTINGS

Tabs

          
Tabs is a complex element which consists of inner section collections(tabs) and its structure is similar to row and column hierarchy. You can create as many inner sections within element as you wish and then place any type of content within.
Param name
Description
Widget title Title of element which will be displayed above widget.
Style Select tabs display style: Classic, Modern, Flat, Outline
Shape Select tabs shape: Rounded, Round, Square
Color Select tabs color: set of predefined colors. No option to set custom color.
Do not fill content area Do not fill content area with color.
Note: content area of tab will be transparent.
Spacing Select tabs spacing.
Note: space between tab titles.
Gap Select tabs gap.
Note: space between tab titles and content area.
Alignment Select tabs section title alignment: left or right
Autoplay Select auto rotate for tabs in seconds: 1,2,3,4,5,10,20,30,40,50,60 seconds
Note: disabled by default.
Active section Enter active section number.
Note: to have all sections closed on initial load enter non-existing number.
Pagination style Select pagination style.
Pagination color Select pagination color.
Note: available only if «Pagination style» is selected.
CSS Animation Choose, preview (clicking “animate it”) and add animation.
Element ID Add unique element ID (Note: make sure it is unique and valid according to w3c specification).
Extra class name Add class name in order to refer to this element in CSS.
Design Options Control borders, background and other styling options. Preview details here

(c) WPBakery KNOWLEDGE BASE

Tab Section

Tabs section is an instance of Tabs element and controls one specific tab/section. It is similar to principe row and column.
Param name
Description
Title Enter section title.
Note: you can leave it empty.
Section ID Enter section ID (Note: make sure it is unique and valid according to w3c specification).
Add icon Add icon to button from icon library.
Extra class name Add class name in order to refer to this element in CSS.