Welcome to the SiteBlocks Site Builder


Before After Element

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 elements to multiple pages to add consistency to the style of your website. 


Go Back