Seventh > Sections > Image Comparison

Image Comparison

The Image Comparison section lets you compare two images with a draggable slider. It’s ideal for before/after visuals or feature highlights.

What It Does

This section displays:

  • A before/after image slider
  • Optional labels or captions
  • A responsive comparison layout

Section Settings Explained

Layout

Image Comparison Style

  • Controls the layout and presentation of the comparison.

Image Ratio / Fit

  • Adjusts how images are sized and cropped.

Section Design

Color Scheme

  • Applies a theme color scheme.

Top / Bottom Padding

  • Controls vertical spacing around the section.

Full Width

  • Extends the section width when enabled.

Background Media

  • Optional image or video background with overlay and parallax.

Blocks

Typical Image Comparison layout uses:

  • Before/After blocks for the two images
  • Text or Heading blocks for supporting copy

💡 Choose images with similar framing for the clearest comparison.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.