Welcome Guest! Login
0 items Join Now

Isotope: Recreating the Demo - Slideshow Section

Your Guide to Recreating Elements of the Isotope Demo for WordPress


The Slideshow section includes a single FlexSlider particle.

Here is a breakdown of the widget(s) and particle(s) that appear in this section:

Section Settings

Option Setting
Layout Fullwidth (Boxed Content)
CSS Classes Blank
Tag Attributes Blank

FlexSlider (Particle)

Particle Settings

Demo Slideshow

Option Setting
Particle Name FlexSlider
CSS Classes fp-slideshow-demo
Title Blank
Layout Slideshow
Thumbnail Width 150
Autoplay Enable
Autoplay Speed 5000
Pause on Hover Enable
RTL Mode Disable
FlexSlider Item 1 Name Design & Code
FlexSlider Item 1 Background Image Custom
FlexSlider Item 1 Overlay Image Custom
FlexSlider Item 1 Overlay Parallax Enabled
FlexSlider Item 1 Parallax Ratio 0.3
FlexSlider Item 1 Title Design <span class="g-ampersand">&</span> Code
FlexSlider Item 1 Description An elegant, interactive and animated experience.
FlexSlider Item 1 Testimonial Image Blank
FlexSlider Item 1 Testimonial Name Blank
FlexSlider Item 1 Testimonial Position Blank
FlexSlider Item 1 Link #
FlexSlider Item 1 Link Text View More
FlexSlider Item 1 Target Self
FlexSlider Item 1 Button Class button-3

NOTE: Please remove 'fp-slideshow-demo' CSS class to display images via the FlexSlider settings rather than via Demo CSS.

Block Settings

Demo Slideshow

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 100%

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.