Justified
Justified is a SalonEngine layout that arranges your images into neat horizontal rows. Each image keeps its original aspect ratio, and every row is stretched to fill the full content width edge-to-edge — like a classic photo-gallery wall.
It's a great fit when you have a mix of portrait and landscape images and want them to sit together cleanly without cropping.
How it works
The engine measures every image's aspect ratio, then groups images into rows aimed at a target Row Height. Within each row, image widths are adjusted so the row fills the available width exactly. Because nothing is cropped, taller and wider images simply take up more or less horizontal space.
The last (incomplete) row stays left-aligned at the target height rather than stretching, so a single trailing image doesn't blow up to full width.
Settings
Open the Section panel and choose the Layout sub-tab to adjust the Justified layout.
| Setting | What it does |
|---|---|
| Row Height | Sets the target height for each row, from XS to XL. Smaller values pack more images per row; larger values give each image more presence. |
| Spacing | Controls the gap between images — None, 2px, S, M, or L. |
| Text Overflow | How text blocks behave when content is taller than the row: Clip (hide overflow), Scroll, or Visible. |
You can also set a section-wide text font size and reset any per-block size overrides from the same panel.
Tips
- Row Height is a target, not a fixed value — actual row heights flex slightly so each row fills the width perfectly.
- Mixed orientations look best here. If all your images are the same shape, consider Square Grid or Variable Grid instead.
- For a tight, gridded look use None or 2px spacing; for a more breathable gallery use M or L.
Adding content
Justified works with image, text, video, and page blocks. Add blocks from the editor toolbar (use the ••• menu for newsletter, contact form, and map blocks). See Adding Blocks for the full block list.
When you're done, click Stop Editing in the top bar (or the Preview pencil icon in the floating toolbar) to leave edit mode — this also clears the cache so your changes go live.