How to Change the Layout of the Text + Image Block
The Text + Image Block in your Zibster Website Builder lets you pair powerful messaging with a photo to create eye-catching, action-driven content. It’s perfect for telling your story, showcasing services, or adding a call-to-action (CTA) to encourage visitor engagement.
With over 30 layout options available, you can quickly switch how your text and image are displayed—without having to rebuild or re-enter your content.
This guide will show you how to change the layout of a Text + Image Block already added to your page. If you haven’t added one yet or want help customizing your content, image, or CTA button, check out our full guide here: How to Use Text + Image Blocks
STEP ONE
Log into your Zibster account and click on WEBSITE in the left-side menu.
STEP TWO
Click on the page that contains the Text + Image Block you want to update.
STEP THREE
Locate the Text + Image Block on your page. You can change the layout in two ways:
Option One: One-Click Layout Change
-
In the upper right corner of the block, you’ll see the current layout name with left and right arrows.
-
Click the arrows to scroll through available layouts and preview them instantly.
-
The new layout is applied automatically—no need to click save.
Option Two: Change Layout in the Right-Side Panel
-
Click the pencil icon in the upper right corner of the block.
-
In the menu that appears, select CHANGE LAYOUT.
STEP FOUR
If you use Option Two, layout options will appear in the right-hand panel. Scroll through the available designs and click Save on the one you’d like to apply.
Your changes will update immediately in the builder preview. To see how the new layout looks on your live site, click the VIEW SITE button at the top of the builder.
Text + Image Block Layout Options
You can choose from over 30 layout styles. Here’s a quick overview:
Text Overlay Layouts
Text appears over the image with adjustable background opacity.
-
Left, Right, Center, Bottom
-
Center Left, Center Right
Text Left/Right Layouts
Text sits beside the image. The image appears larger.
-
Text Left, Text Right
Image Parallax Layouts
Adds a scrolling animation effect.
-
Image Parallax Left, Right
-
Landscape Parallax Left, Right
Profile Text Layouts
Similar to Left/Right layouts but with smaller images.
-
Profile Text Left, Right
Image Overlay Layouts
Magazine-inspired designs with text overlays.
-
Overlay Text Left, Right
-
Overlay Left, Right, Top, Bottom Left, Bottom Right
-
Border Text Bottom
Other Layouts
-
Square or Circle Left/Right
-
No Crop Center Left/Right
-
Overlay Full Screen (with adjustable background opacity)
-
Overlay Split Left, Right
-
Overlay Box Left, Right
