Live Preview Extra Shortcodes Add-on
Details & Pricing →

Content Slider

Style variations

Get the code
[su_content_slider style="default"]
[su_content_slide][/su_content_slide]
[su_content_slide][/su_content_slide]
[su_content_slide][/su_content_slide]
[/su_content_slider]

[su_content_slider style="dark"]
[su_content_slide][/su_content_slide]
[su_content_slide][/su_content_slide]
[su_content_slide][/su_content_slide]
[/su_content_slider]

[su_content_slider style="light"]
[su_content_slide][/su_content_slide]
[su_content_slide][/su_content_slide]
[su_content_slide][/su_content_slide]
[/su_content_slider]

Transition styles

Get the code
[su_content_slider effect="fade"]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-1.jpg" alt="">[/su_content_slide]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-2.jpg" alt="">[/su_content_slide]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-3.jpg" alt="">[/su_content_slide]
[/su_content_slider]

[su_content_slider effect="fadeUp"]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-1.jpg" alt="">[/su_content_slide]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-2.jpg" alt="">[/su_content_slide]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-3.jpg" alt="">[/su_content_slide]
[/su_content_slider]

[su_content_slider effect="backSlide"]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-1.jpg" alt="">[/su_content_slide]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-2.jpg" alt="">[/su_content_slide]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-3.jpg" alt="">[/su_content_slide]
[/su_content_slider]

[su_content_slider effect="goDown"]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-1.jpg" alt="">[/su_content_slide]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-2.jpg" alt="">[/su_content_slide]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-3.jpg" alt="">[/su_content_slide]
[/su_content_slider]

Arrows & Pages options

Get the code
[su_content_slider arrows="yes" pages="yes"]
[su_content_slide][/su_content_slide]
[su_content_slide][/su_content_slide]
[su_content_slide][/su_content_slide]
[/su_content_slider]

Combined with Testimonial

Get the code
[su_content_slider effect="goDown"]
[su_content_slide]
[su_testimonial name="John Doe" photo="https://getshortcodes.com/wp-content/uploads/2019/09/testimonial-1.jpg"] Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service. [/su_testimonial]
[/su_content_slide]
[su_content_slide]
[su_testimonial name="Jane Doe" photo="https://getshortcodes.com/wp-content/uploads/2019/09/testimonial-2.jpg"] Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables. [/su_testimonial]
[/su_content_slide]
[/su_content_slider]

Combined with images

Get the code
[su_content_slider effect="backSlide"]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-4.jpg" alt="">[/su_content_slide]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-5.jpg" alt="">[/su_content_slide]
[su_content_slide]<img src="https://getshortcodes.com/wp-content/uploads/2019/09/content-slider-6.jpg" alt="">[/su_content_slide]
[/su_content_slider]

Combined with various elements

Get the code
[su_content_slider]
[su_content_slide]
[su_box title="Box shortcode"] Box content [/su_box]
[/su_content_slide]
[su_content_slide]
[su_spoiler title="Spoiler shortcode"] Hidden content [/su_spoiler]
[su_spoiler title="Spoiler shortcode"] Hidden content [/su_spoiler]
[/su_content_slide]
[su_content_slide]
[su_note] Note shortcode [/su_note]
[/su_content_slide]
[su_content_slide]
[su_panel] Panel shortcode [/su_panel]
[/su_content_slide]
[/su_content_slider]