Tours

This element allows you to integrate vertical tabbed content in your page. Below are samples of Tours.


Tour 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).


Style

Samples of tour style options.

Sample 1

Tour 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Sample 2

Tour 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Border

Samples of border options.

Sample 1: Border

Border 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Border 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Border 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Border 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Sample 2: No Border

No Border 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

No Border 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

No Border 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Border 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Icon

Samples of icon options.

Sample 1: Icons

Icon 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Icon 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Sample 2: No Icons

No Icon 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

No Icon 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

No Icon 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

No Icon 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Align

Samples of tour alignment options.

Sample 1:  Left Align

Left 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Left 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Left 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Left 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Sample 3: Right Align

Right 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Right 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Right 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Right 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Css Animation

Sample of css animation effects.


Sample : Fade In Up

Tour 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tour 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).