MENU

How To Change Text + Image Block Layout

August 19, 2025 | By: PhotoBiz Knowledge Base

How to Change the Layout of the Text + Image Block

The Text + Image Block lets you pair powerful messaging with a photo to create eye-catching, action-driven content. It's great for telling your story, highlighting services, or adding a call-to-action (CTA) to encourage visitor engagement. With over 30 layout options available, you can easily switch how your text and image are displayed—without having to rebuild or re-enter your content.

This article will show you how to change the layout of a Text + Image Block already added to your page. If you haven’t set one up 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 PhotoBiz account and click on WEBSITE from the left-hand menu.

STEP TWO

Select the page that contains the Text + Image Block you want to update.

STEP THREE

Locate the Text + Image 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 block, you'll 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 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. Then select CHANGE LAYOUT from the menu that appears.

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 automatically 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 Text + Image layouts. Here's a quick overview of what layouts are available.

Text Overlay Layouts

Text appears over the image. You can adjust the 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.

  • Image Parallax Left, Right

  • Landscape Parallax Left, Right

Profile Text Layouts

Similar to Left/Right layouts, but the image is smaller.

  • Profile Text Left, Right

Image Overlay Layouts

Stylish magazine-inspired designs.

  • 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 image with a text editor over the image. You can adjust background opacity. 

  • Overlay Split Left

  • Overlay Split Right

  • Overlay Box Left

  • Overlay Box Right
Previous Post Next Post

Related Posts

How To Use Image Blocks

November 21, 2025

How To Change Image Block Layout

November 21, 2025

Website Builder Blocks Overview

April 17, 2025

How To Change Form Block Layout

July 30, 2025

CLOSE