Shortcode - UX Sliders - Security Design
464
page-template,page-template-page-blank-title-center,page-template-page-blank-title-center-php,page,page-id-464,page-child,parent-pageid-288,woocommerce-no-js,ajax_fade,page_not_loaded,,columns-4,qode-theme-ver-16.7,qode-theme-bridge,wpb-js-composer js-comp-ver-4.12,vc_responsive
 

Shortcode – UX Sliders

UX Sliders are inserted with a Shortcode Generator. Its possible to slide almost
anything by wrapping [ux_slider] [/ux_slider] around the content.


Available parameters:

[ux_slider timer="4500" arrows="false/true" bullets="false/true" auto_slide="false/true" hide_nav="false/true" nav_color="dark/light"]

   [ux_banner] [/ux_banner]
   [ux_banner] [/ux_banner]
   [ux_banner] [/ux_banner]

[/ux_slider]

[title text=”Simple slider with banners”]

[ux_slider]
[ux_banner bg=”#333″ height=”400px” link=”” animation=”fadeInLeft” text_pos=”center” text_color=”light” text_width=”80%” ]

Banner 1

[/ux_banner]
[ux_banner bg=”#666″ height=”400px” link=”” animation=”flipInX” text_pos=”center” text_color=”light” text_width=”80%” ]

Banner 2

[/ux_banner]
[/ux_slider]

[ux_slider]
   [ux_banner] Banner content [/ux_banner]
   [ux_banner] Banner content [/ux_banner]
[/ux_slider]

[title text=”Slider with no directional navigaition”]

[ux_slider arrows=”false”]
[ux_banner bg=”#333″ height=”400px” link=”” animation=”fadeInLeft” text_pos=”center” text_color=”light” text_width=”80%” ]

Banner 1

[/ux_banner]
[ux_banner bg=”#666″ height=”400px” link=”” animation=”flipInX” text_pos=”center” text_color=”light” text_width=”80%” ]

Banner 2

[/ux_banner]
[/ux_slider]

[ux_slider arrows="false"]
   [ux_banner] Banner content [/ux_banner]
   [ux_banner] Banner content [/ux_banner]
[/ux_slider]

[title text=”Slider with dark navigation items”]

[ux_slider nav_color=”dark”]
[ux_banner bg=”#ccc” height=”400px” link=”” animation=”fadeInLeft” text_pos=”center” text_color=”light” text_width=”80%” ]

Banner 1

[/ux_banner]
[ux_banner bg=”#eee” height=”400px” link=”” animation=”flipInX” text_pos=”center” text_color=”light” text_width=”80%” ]

Banner 2

[/ux_banner][/ux_slider]

[ux_slider nav_color="dark"]
   [ux_banner] Banner content [/ux_banner]
   [ux_banner] Banner content [/ux_banner]
[/ux_slider]