How to Change the Layout of the Blog Block in Zibster
The Blog Block in Zibster allows you to control how your blog posts are displayed on your website using multiple built-in layout styles. You can switch layouts at any time without rebuilding the block or re-entering content. Layout changes apply instantly in the Website Builder, making it easy to preview different styles before publishing.
By the end of this guide, you will know how to change the layout of an existing Blog Block and understand what each layout option includes.
If you have not added a Blog Block yet, refer to the full Zibster Blog setup guide before continuing.
STEP ONE
Log into your Zibster account and click WEBSITE from the left-hand menu.
STEP TWO
Select the page that contains the Blog Block you want to update.
STEP THREE
Locate the Blog Block on the page. You can change the layout in one of two ways:
Option One: One-Click Layout Change
In the upper-right corner of the Blog Block, you will see the current layout name with left and right arrows.
Click the arrows to scroll through available layouts and preview them in real time.
The layout updates automatically—no Save action is required.
Option Two: Change Layout Using the Right Side Panel
Click the pencil icon in the upper-right corner of the Blog Block.
From the menu that appears, select CHANGE LAYOUT.
STEP FOUR
If using Option Two, layout choices will appear in the right-hand panel.
Browse the available options and click the Save button under the layout you want to apply.
Your changes will appear immediately in the Website Builder preview.
To see how the new layout looks on your live site, click VIEW SITE at the top of the builder.
Blog Block Layout Options
Zibster offers multiple Blog Block layouts so you can choose the style that best fits your branding and content. Below is an overview of what each layout displays.
Editorial Layouts
These layouts focus on clean design and minimal text.
- Editorial Circle
Circular thumbnails displayed in a grid with the post title and date underneath. No text excerpt is shown.
- Editorial Square
Square thumbnails displayed in a grid with the post title and date underneath. No text excerpt is shown.
- Editorial Landscape
Horizontal thumbnails displayed in a grid with the post title and date underneath. No text excerpt is shown.
- Editorial Portrait
Vertical thumbnails displayed in a grid with the post title and date underneath. No text excerpt is shown.
- Editorial Journal
A single-column journal layout with the post title and date above a large featured image. Each post includes a short text excerpt and a Read More link.
- Editorial Pinboard
A two-column editorial grid with images displayed above the post title and date. Each post includes a Read More link, but no text excerpt.
- Feed
A serpentine-style feed where each post displays on its own row. The cover image alternates left and right from row to row, with post details beside it. This layout includes the post title, date, a preview of the first 500 characters, and a Read More button. Column selection is not available for this layout.
Designer Layouts
These layouts include preview text to give visitors more context.
- Designer Landscape
A horizontal layout with the date overlaid on the image, followed by the post title and a text preview below.
- Designer Portrait
A vertical layout with the date overlaid on the image, followed by the post title and a text preview below.
- Designer Pinboard
A pinboard-style grid with images, the date overlaid on each image, and a text preview displayed below the post title.
Contemporary Layouts
These layouts offer modern spacing and strong visual balance.
- Contemporary Feed
A modern alternating feed with large images and post details displayed side by side. Each post shows the date, title, and a Read More link. Images and text alternate left and right as visitors scroll. No text excerpt is shown.
- Contemporary Journal
A clean, single-column journal layout with the post title and date displayed above a large featured image. Each post includes a visible text excerpt below the image and a Read More link.
