PhotoBiz, LLC Logo
  • WELCOME
  • WEBSITE BUILDER
  • SEO
  • CLIENT GALLERIES
  • FORMS
  • SERVICES
    • WE BUILD IT FOR YOU
    • SEO GO
    • CUSTOM WEBSITE DESIGN
    • LOGO DESIGN
    • SOCIAL MEDIA MARKETING
    • COACHING
  • GROWTH HUB
  • CONTACT
MENU

How To Change Image Block Layout

July 29, 2025 | By: PhotoBiz Knowledge Base

Share

HOW TO CHANGE THE LAYOUT OF AN IMAGE BLOCK

The PhotoBiz Website Builder makes it easy to showcase your portfolio using image blocks. Each image block can have its own layout, giving you full control over how your photos are displayed. This guide will walk you through how to update the layout of any image block on your website.

STEP ONE

Log into your PhotoBiz account and click on WEBSITE from the left-hand menu.

STEP TWO

Click on the page that contains the image block you'd like to update.

STEP THREE

Locate the image block you want to update. You can change the layout using one of two methods:

Option One: One-Click Layout Change

In the upper right corner of the image block, you'll see the current layout name with left and right arrows. Click the arrows to toggle through the available layout styles and preview them instantly.

No need to click save—the new layout is applied automatically.

Option Two: Change Layout from the Right Side Panel

Click on the image block to open the editor panel on the right-hand side. Then click on LAYOUT to view all available layout options.

STEP FOUR

If you used Option Two, scroll through the layout options in the right-hand panel. When you find a layout you like, click the SAVE button below it to apply it to your image block.

IMAGE BLOCK LAYOUT OPTIONS

You can choose from 26 image block layouts. Here's a quick overview of what each one does:

  • SQUARE – Images display as squares in a grid. Titles and descriptions appear on hover.

  • PORTRAIT – Taller images in a grid. Titles and descriptions appear on hover.

  • LANDSCAPE – Wider images in a grid. Titles and descriptions appear on hover.

  • EDITORIAL CIRCLE – Circular images in a grid. Titles and descriptions appear below each image.

  • EDITORIAL SQUARE – Square images in a grid with text below.

  • EDITORIAL LANDSCAPE – Wide rectangle images in a grid with text below.

  • EDITORIAL PORTRAIT – Vertical rectangle images with text below.

  • PINBOARD – Maintains original image sizes in a flowing grid. Text appears below.

  • COLLAGE 4 – Displays four cropped images in a set arrangement. Text appears on hover.

  • COLLAGE 5 – Displays five cropped images in a set arrangement. Text appears on hover.

  • COLLAGE 6 – Displays six cropped images in a set arrangement. Text appears on hover.

  • MODERN SQUARE – Cropped squares with title overlays. Descriptions are not supported.

  • MODERN PORTRAIT – Cropped vertical images with title overlays. Descriptions are not supported.

  • MODERN LANDSCAPE – Cropped horizontal images with title overlays. Descriptions are not supported.
  • STACK MINI – Images fill approximately 70% of the content width and stack in rows. Text appears below.

  • STACKABLE – Images fill 100% of the content width, stacked vertically one after another.

  • GALLERY – One large image displays at the top with thumbnails underneath. Arrows allow navigation. Text appears over the main image.

  • SLIDESHOW – Auto-playing slideshow with uncropped images. Titles and descriptions appear over each slide.

  • CAROUSEL – A scrollable horizontal row of images.

  • CAROUSEL SLIDESHOW – A scrollable carousel that auto-plays through images.

  • EDITORIAL CAROUSEL PORTRAIT – A vertically cropped carousel with editorial-style text below.

  • EDITORIAL CAROUSEL LANDSCAPE – A horizontally cropped carousel with editorial-style text below.

  • EDITORIAL CAROUSEL NO CROP – A carousel that preserves original image dimensions with text below.

  • EDITORIAL COLLAGE 3 – Displays three cropped images in an editorial-style collage with text below.

  • EDITORIAL COLLAGE 4 – Displays four cropped images in an editorial-style collage with text below.

  • GALLERY COLLAGE 3 – A collage of three images above a traditional gallery layout.

  • GALLERY COLLAGE 4 – A collage of four images above a traditional gallery layout.

💡 Pro Tip

You can also control the number of rows and columns for most layouts. This lets you fine-tune how many images appear on the screen at once and what size they show as.

STEP FIVE

Your changes will automatically show in the builder preview. To view your updates live, click the VIEW SITE button at the top of the builder.

Previous Post Next Post

Related Posts

How To Use Image Blocks

July 16, 2025

How To Change Video Block Layout

July 30, 2025

How To Change List Block Layout

July 30, 2025

How To Change Scheduler Block Layout

August 1, 2025

Need More Help?

CONTACT US

BUILDER

Website Builder Client Galleries Blog  

TOOLS

Ecommerce Scheduler Quotes & Invoices  

MARKETING

Email Marketing Forms Contacts SEO  

MORE

Account Settings Domain & Email Files PhotoBiz Growth Hub Blog Go To PhotoBiz.com  
Copyright © 2004 – 2025 PhotoBiz, LLC All rights reserved
Crafted by PhotoBiz
PhotoBiz, LLC Logo
CLOSE
  • WELCOME
  • WEBSITE BUILDER
  • SEO
  • CLIENT GALLERIES
  • FORMS
  • SERVICES
    • WE BUILD IT FOR YOU
    • SEO GO
    • CUSTOM WEBSITE DESIGN
    • LOGO DESIGN
    • SOCIAL MEDIA MARKETING
    • COACHING
  • GROWTH HUB
  • CONTACT