How To Change The Layout of an Image Block
The Zibster Website Builder makes it easy to showcase your images using Image Blocks. Each Image Block has its own layout options, giving you full control over how your photos are displayed on your website. This guide will walk you through how to update the layout of any Image Block in your Zibster site.
STEP ONE
Log into your Zibster account and click WEBSITE from the left-side 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 — your 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 CHANGE 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
Zibster offers 26 Image Block layouts. Here’s an 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 about 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 adjust the number of rows and columns for most layouts. This helps you fine-tune how many images appear at once and how large they display on your page.
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.
