Video: Before and After section

Edited

Video overview of the Before and After section in Broadcast

Creating a Before and After Image Slider

Step 1: Introduction to the Before and After Slider 0:00

Introduce the concept of a before and after image slider.
Show an example using gold and silver images.

Step 2: Adding Images to the Slider 0:09

Click on the before and after section to add your two images.
Adjust the aspect ratio height to fit your design needs.

Step 3: Adjusting Image Size 0:23

Increase the length for a taller image or reduce the size for a shorter image.

Step 4: Configuring Color and Padding Options 0:34

Explore color options to customize the section.
Adjust padding options for better spacing.

Step 5: Adding Text and Call to Action 0:46

Include blocks for heading text and call to action.
This will create a second column for messaging.

Step 6: Customizing the Layout 0:56

Increase the size of the section by adjusting the aspect ratio of the image.
Optionally hide the text and keep the image as the main focus.

Step 7: Final Touches 1:13

Add a rich text section above the image with a heading and some text.
Reduce padding for a cleaner look.