How To Add A Before/After Slider

Say you wrote this informative blog post and you want to show an example with a before and after image. You can do that with the before and after slider. It’ll allow you to slide between the 2 images. This can look more impressive than just two side-by-side pictures and it’s easy to do.

First go to the blog post you want to add it to by going to posts, finding the post you want to use, and clicking edit. Next, scroll down to where you want to insert it. Click and hit enter. This should have created a new block.

You can click the black + sign on the right of the box. Then click Divi layout.

It’ll then ask you if you want to build from scratch or use a layout. Click build from scratch. Next, create a module by clicking the plus sign and go to the before/after module at the top of the list of options.

Finally, it’ll ask you to provide the before and after images and the alt text. Input this information and when you’re finished click exit visual builder at the top right of the screen.

You can save or publish the post once you’ve finished making these changes and it’ll display the before and after slider.

Did you find this article useful?