Get the codes[content_slider style="dark" transitionin="bounceInRight" transitionout="bounceOutRight" box_color="#CCCCCC"][content_slide]...[/content_slide][content_slide]...[/content_slide][content_slide]...[/content_slide][/content_slider]

 

Get the codes[content_slider style="light" transitionin="rotateIn" transitionout="rotateOut" box_color="#000000" box_text_color="#ffffff"][content_slide]...[/content_slide][content_slide]...[/content_slide][content_slide]...[/content_slide][/content_slider]

 

Get the codes[content_slider transitionin="zoomInDown" transitionout="zoomOutDown" box_color="#CCCCCC" box_text_color="#00000"][content_slide]...[/content_slide][content_slide]...[/content_slide][content_slide]...[/content_slide][/content_slider]
Shortcode Attributes Example code
Content Slider
This widget displays a responsive contents slider
Style -
style

Possible values: Default, Dark, Light,

Default value: Default

Transition In -
transitionin

Possible values: bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, flipInX, flipInY, lightSpeedIn, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rollIn, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, slideInDown, slideInLeft, slideInRight, slideInUp,

Default value: fadeIn

Transition Out -
transitionout

Possible values: bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flipOutX, flipOutY, lightSpeedOut, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rollOut, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp,

Default value: fadeOut

Box color -
box_color

Possible values: #RGB and rgba() colors

Default value: #f5f5f5

Box text color -
box_text_color

Possible values: #RGB and rgba() colors

Default value: #000000

Border radius -
radius

Possible values: 0 - 20

Default value: 10

Margin -
margin

Possible values: 0 - 80

Default value: 10

Padding -
padding

Possible values: 0 - 80

Default value: 10

Arrows -
arrows

Possible values: yes, no

Default value: yes

Arrows position -
arrow_position

Possible values: Default, Top left, Top right, Bottom left, Bottom right,

Default value: Default

Pagination -
pagination

Possible values: yes, no

Default value: no

Autoplay -
autoplay

Possible values: yes, no

Default value: yes

Auto Height -
autoheight

Possible values: yes, no

Default value: no

Paused on hover -
hoverpause

Possible values: yes, no

Default value: yes

Lazy load -
lazyload

Possible values: yes, no

Default value: no

Loop -
loop

Possible values: yes, no

Default value: yes

Animation duration -
speed

Possible values: 0.1 - 15

Default value: 0.6

Delay -
delay

Possible values: 1 - 10

Default value: 4

Class -
class

Possible values: Any Custom Value

'View on scroll' effect -
scroll_reveal

Possible values: Any Custom Value

Content -
content

Possible values:Any Content Value

Default value: [content_slide] Slide content1 [/content_slide] [content_slide] Slide content2 [/content_slide] [content_slide] Slide content3 [/content_slide]

[content_slider style="default" transitionin="fadeIn" transitionout="fadeOut" box_color="#f5f5f5" box_text_color="#000000" radius="10" margin="10" padding="10" arrows="yes" arrow_position="arrow-default" pagination="no" autoplay="yes" autoheight="no" hoverpause="yes" lazyload="no" loop="yes" speed="0.6" delay="4" class="" scroll_reveal=""][content_slide] Slide content1 [/content_slide] [content_slide] Slide content2 [/content_slide] [content_slide] Slide content3 [/content_slide][/content_slider]