How to Change the Layout of the List Block in Zibster
The List Block in the Zibster Website Builder allows you to display images, text, and videos in a clean, grid-style layout. It’s a versatile block often used for showcasing services, team members, testimonials, features, or call-to-action sections.
Zibster offers multiple layout options for the List Block so you can adjust the design without recreating the block or re-entering your content. This guide will show you how to change the layout quickly and easily.
If you need help creating a List Block first, see our full guide on using List Blocks.
STEP ONE
Log in to your Zibster account and click Website in the left-hand menu.
STEP TWO
Select the page that contains the List Block you want to update.
STEP THREE
Find the List Block on your page. You can change the layout using either method below.
Option One: One-Click Layout Change
In the top-right corner of the block, look for the layout name with left and right arrows.
Click the arrows to scroll through layout options and preview them instantly.
Changes apply automatically without needing to save.
Option Two: Change Layout from the Right Panel
Click the pencil icon in the top-right corner of the List Block.
From the menu, select CHANGE LAYOUT.
STEP FOUR
If you're using Option Two, you’ll see layout choices in the right-hand panel.
Browse through the available options and click SAVE under the layout you want to apply.
Your updates will appear right away in the builder preview. To view how the new layout appears on your live site, click the VIEW SITE button at the top of the builder.
List Block Layout Options in Zibster
Zibster offers more than 20 List Block layouts. Below are the available style categories:
CLASSIC LAYOUTS
Title, description, and button appear on hover.
• Square
• Portrait
• Landscape
EDITORIAL LAYOUTS
Text displays below the image.
• Circle
• Square
• Landscape
• Badges
• Portrait
MODERN LAYOUTS
Only the title is shown, always visible.
• Square
• Portrait
• Landscape
PINBOARD LAYOUT
Hover shows the title and description. Buttons are not displayed.
IMAGE LEFT & IMAGE RIGHT LAYOUTS
Image is on one side, text on the other (images are not cropped).
• Small Left
• Large Left
• Small Right
• Large Right
OTHER LAYOUTS
• Arches
• Circle Overlay Top
• Designer Portrait Title Overlay
• Portrait Border
• Image Border Text Bottom
STORY PANEL LAYOUTS
• Story Panel Square
• Story Panel Portrait
• Story Panel Landscape
