Advice and answers from the Buildify Team help center

The Compare widget is used to compare two versions of an image. Upload the "Before" and "After" versions with the help of the sidebar on the right. They will be combined automatically in the work area for comparison.

Content Settings

  • Choose original image.
  • Choose modified image.
  • Enter original and modified label like "before/after".

Style Settings


  • Set width of the section.
  • Set alignment of the section.


  • Set distance between labels and borders.
  • Set padding.
  • Set vertical alignment.
  • Choose border type and radius.
  • Turn box shadow on or off.
  • Make typography settings - set size, font, style, letter spacing, etc. 
  • Set main and background color.


  • Set size of the separator.
  • Make settings for background type.


Set background color, color and size of the handle.

Advanced Settings

  1. Element Style (margin, padding, entrance appearance).
  2. Background & Border (type, radius, box shadow).
  3. Responsive (hide or show it on a desktop, tablet, mobile).


Did this answer your question?