SeedProd Logo

Before After Toggle

The Before After Toggle block allows you to display two images side by side for a visually appealing and engaging comparison. The block includes a handle that can be customized to move horizontally or vertically between the two images.

Adding the Counter block to your SeedProd pages

  1. Under Design > Advanced > drag and drop the Before After Toggle block to the page.
  2. Once added, click on the Before After Toggle block to open its settings. From there, you’ll be able to set a Before and After images:
    You will also find Orientation Controls which will allow you to set the slider orientation horizontally or vertically, enable the Move On Hover option to toggle between images (without clicking on them) and set an overlay color.The Comparison Handle controls will allow you to style the toggle handle.

  3. On the Advanced tab, you will find options to edit the Before/After label styles and typography, and other options to set attributes, spacing, and device visibility.
  4. That’s it! Make sure to always save your work.
Was this article helpful?

Related Articles

Copyright © 2022 SeedProd LLC. SeedProd is a trademark of SeedProd, LLC

PayPal Verified Badge
WPBeginner Verified Badge