Fluidal
Menu > Before/after slider

Before/after slider

Once you’ve created and saved the before/after slider, simply copy the generated shortcode and paste it into the layout of your choice.

Comparison slider
BeforeSelect a before image*
AfterSelect an after image*
Label (before)The text which appears when hovering over the image
Label (after)The text which appears when hovering over the image
Text before the sliderText to appear above the slider
Text after the sliderText to appear under the slider
*both before and after images should be the same size

Then save the before/after slider and copy the generated shortcode into whichever row you wish to display it in.

Fluidal

A flexible, robust boilerplate WordPress theme, ready for customisation. Contact us for a free online demo or email info@fluidal.net

© 2025 Fluidal - the only limit is your imagination!