Display two images beside each other in a "Before and After" collage style with this Before and After Element.
Where to Find
This element can be found in the "ELEMENTS" section of the Toolbar.
Adding to Website
After selecting this Element, you will be able to choose exactly where you want to add it! Simply drag this onto a blue, orange, or purple ribbon that will appear when dragging the element onto the page.
For more options for your Before After Element, you can visit the following in the Element Toolbar:
Settings: Add your images by clicking the "Change Image" buttons. From here, you can upload images from your uploaded images, the stock photo library, or your computer. Click "Save Changes" to confirm.
Element Wrapper: Add some style to your element! Customize the font, and background, create a border, and adjust the space around the element by changing the margin and padding values.
Animate: You can add an animation for your Element. This will appear when the visitor first loads your page and the animation will display as your Element appears on the page.
Duplicate: To quickly add another Element, select the "Duplicate" option in the Element's toolbar.
Pin: You can optionally "Pin" the Before and After element to multiple pages to add consistency to the style of your website.
Your Sitemap Managing Your Page SEO Connecting To Google Analytics 4 Adding Alt Text To Your Images Indexing Your Website With Google
Stock Photos Uploading Files From The File Manager Creating Folders For The Image Gallery Image Element Slideshow Element Gallery Element Flickr Element Video Player Element Youtube Element RSS Feed
Publishing A Page Page Settings Managing Error Pages Changing Your Default Homepage Adding To A Page Customize your website with Blocks
Customize your website with Blocks Using Columns Responsive Viewing Managing Your SiteBlocks Template Customizing The Navigation Bar Managing Error Pages Managing Redirects
Creating A New Blog Managing Blog Categories Managing Blog Posts Adding Images To Blog Posts Managing Your Blog RSS Feed Advanced Blog Settings
Stock Photos Uploading Files From The File Manager File Folders Creating Folders For The Image Gallery
Share Buttons Social Links Facebook Pages Facebook Comments Facebook Like Spotify Follow Pinterest Pin Pinterest Follow Youtube Subs Twitter Follow Tweets Tweet Button Disqus