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.

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.

Tour navigation position - Left

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

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

Tour navigation position - Right

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

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

Navigation width: Auto; 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 width: Medium; 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.

Navigation width: Extra Large; 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 width: Extra Small

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

Tours

         
Tours is a complex element which consists of inner section collections 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 Classic, Modern, Flat, Outline
Shape Rounded, Round, Square
Color Select accordion 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 tour will be transparent.
Spacing Select tour spacing.
Note: space between tour titles.
Gap Select tour gap.
Note: space between tour titles and content area.
Position Select tour navigation position «Left» or «Right».
Alignment Select section title alignment.
Navigation width Select tour navigation width.
Autoplay Select auto rotate for tour 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

Tour Section

  
Tours section is an instance of Tours element and controls one specific 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 from icon library. This option allows to set individual icon for each section as well as icon align: before title/after title
Extra class name Add class name in order to refer to this element in CSS.