Before After

Multi includes Before/After block with many options to customize. It’s possible to control things like style, colors, spacings, and more. Create your own astonishing before and after effect.

Before After

Before After

Before After

Before After

Before After

Offset 0.3 example

Offset 0.7 example


Options
Options

Options

Before label add a label that will appear on the left (before) picture.

Before image – add the left (before) picture.

After label – add a label that will appear on the right (after) picture.

After image – add the right (after) picture.

Default offset – set the offset to determine how much of the “before” picture will be visible by default. Choose values from 0,1 to 1.

Orientation – set the orientation of the pictures to horizontal or vertical.

Show overlay – show or hide block overlay.

Move slider on mouse over – you can choose to move the slider dynamically, on mouse hover.

Move slider with handle only – you can choose to move the slider only using the handle.

Click to move slider – you can choose to move the slider by clicking within the block area.

Switch your theme to Multi and feel the difference