Before/after image

The before/after image section is often used by beauty brands to highlight the results of their products. Sliding the range to the start reveals the after image fully.

Before/after image on Primavera theme

Settings

• Label style: For the "Before" and "After" labels, choose between primary, secondary or text (similar to button styles)

• Label position: Choose between top or bottom

Blocks

This section comes pre-loaded with four types of blocks:

• Section header (hidden by default, fill in the settings to display)

• Before

  • Image: Upload the image that corresponds to the before image

  • Label: e.g. Before

• After

  • Image: Upload the image that corresponds to the after image

  • Label: e.g. After

• Buttons (hidden by default, fill in the settings to display)

Can't find the setting you're looking for? The following settings are explained in detail in common settings:

• Container type

• Color scheme/Color scheme transition

• Padding