How To Use List Blocks

How to Use List Blocks in PhotoBiz

Overview

The List Block is a flexible content block in the PhotoBiz Website Builder that lets you organize images, text, and videos into structured layouts. You can use List Blocks to showcase services, team members, testimonials, portfolio categories, promotions, process steps, calls to action, and other groups of related content.

This guide walks you through adding a List Block, managing its Items, choosing a layout, and customizing the block using the Items, Last Item, Layout, Styling, Colors, Background, Fonts, and Animation settings. You will also find links to more detailed guides for linking List Items, styling Last Item options, adding image borders, customizing fonts, and setting up Story Panels.

STEP ONE

Open the page where you want to add the List Block. You can also create a new page if needed.

STEP TWO

Find the LIST icon on the right side of the Website Builder. Click and hold the LIST icon, then drag it to the location where you want the block to appear. Use the placement line to position the block, then release it to add the List Block to the page.

You can also click the LIST icon once to automatically add the block to the bottom of the page.

STEP THREE

Choose how you want to start your List Block. Click SELECT under Blank Block to begin with an empty block, or click SELECT under a Pre-Designed Block to start with an existing design and sample content.

You can replace the sample images, text, and other content and customize the design after adding a Pre-Designed Block.

STEP FOUR

Click Items in the right-side panel to open EDIT LIST. From here, you can add an Image, Text, or Video Item and manage the Items already included in the List Block.

If you selected a Pre-Designed Block, replace its sample content with your own images, text, or videos.

FINAL STEP

Use the right-side panel to customize your List Block. The settings appear in this order: Items, Last Item, Layout, Styling, Colors, Background, Fonts, and Animation.

Choose the settings that work best for your content and click SAVE CHANGES after making updates. Saving automatically applies your changes to your website. There is no separate publish button.

Preview your page on desktop and mobile to make sure the finished List Block displays the way you want.

List Item Types

The Items section contains EDIT LIST, where you add and manage the content displayed in your List Block.

You can add three types of Items:

Image
Text
Video

Image Items

Use an Image Item when you want an image to be the main visual element.

Depending on the selected layout, an Image Item can include:

Image
Title
Description
Alt Text
Button

You can upload an image from your computer, add one from your clipboard, or choose an available stock image.

Use Alt Text to briefly describe meaningful images for visitors who use screen readers. You can use Ask PhotoBiz AI in this section to scan your image and write a description for you.

You can also make an Image Item clickable and direct visitors to another page or destination. For complete instructions, see How to Link a List Block Item.

List Item Image Example

List Item Images can appear as on your page with a Title, Description, and Button added. This screen shot is using the Arches layout.

Text Item

Use a Text Item when you want to display content without an image.

A Text Item can include:

Title
Description
Button

Click CREATE NOW after entering the content for your Text Item.

Video Items

Video Items let you include video content inside your List Block.

You can:

Paste an embed code from YouTube or Vimeo
Select a video uploaded directly to your PhotoBiz account

Depending on your setup, you can also add a Cover Image, Title, Description, Alt Text, and Button.

If you need to upload a video first, see How to Upload Video to PhotoBiz.

Embedded Video Example

Uses an embed code from YouTube or Vimeo.

Uploaded Video

Choose a video you have uploaded directly to your PhotoBiz account.

Deleting List Items

To remove a List Item, drag the Item onto the Delete option in the List Block editor.

Last Item Options

The Last Item setting controls what happens when your List Block contains more Items than the selected layout initially displays.

Available options include:

None — Displays only the Items that fit within the current layout.
Load More Link — Gives visitors an option to display additional Items.
Standard Link — Adds a link that directs visitors to another destination.

The available styling options for Last Item vary by List Block layout.

For complete setup and layout-specific styling instructions, see How to Adjust Last Item Load More Options in a List Block.

List Block Layouts

The Layout section controls how your List Items are arranged and displayed.

PhotoBiz includes the following List Block layouts:

Square
Portrait
Landscape
Editorial Circle
Editorial Square
Editorial Landscape
Editorial Badges
Editorial Portrait
Pinboard
Modern Square
Modern Portrait
Modern Landscape
Image Small Left
Image Small Right
Image Large Left
Image Large Right
Arches
Circle Overlay Top
Designer Portrait Title Overlay
Portrait Border
Image Border Text Bottom
Story Panel Square
Story Panel Portrait
Story Panel Landscape
Contemporary Square
Contemporary Landscape

Available Rows, Columns, Styling options, and content behavior vary by layout.

Square, Portrait, and Landscape Layouts

The Square, Portrait, and Landscape layouts use image-based designs that display the Title, Description, and Button when a visitor hovers over an item.

These layouts support:

Rows: 1–10
Columns: 1–5

Use these layouts when you want images to be the primary focus while keeping supporting content available on hover.

Editorial Layouts

Editorial layouts include:

Editorial Circle
Editorial Square
Editorial Landscape
Editorial Badges
Editorial Portrait

These layouts display supporting text below the image instead of relying on hover for the primary content.

Editorial layouts support:

Rows: 1–10
Columns: 1–5

Use Editorial layouts when you want titles and descriptions to remain visible as visitors scan the page.

Pinboard Layout

The Pinboard layout creates a visual grid with differently sized content areas.

When a visitor hovers over an item, the Title and Description appear. Buttons are not shown in this layout.

Pinboard supports:

Rows: 1–10
Columns: 2–4

Modern Layouts

Modern layouts include:

Modern Square
Modern Portrait
Modern Landscape

Modern layouts keep the Title visible while using a simplified image-focused design.

Modern layouts support:

Rows: 1–10
Columns: 1–4

Image Left and Image Right Layouts

These layouts place the image on one side and the supporting text on the other.

Available options include:

Image Small Left
Image Small Right
Image Large Left
Image Large Right

These layouts are useful for services, team introductions, featured offerings, or other content where you want the image and text to share equal attention.

They also allow images to display without the same type of cropping used by some grid-based layouts.

Story Panel Layouts

The List Block includes:

Story Panel Square
Story Panel Portrait
Story Panel Landscape

Story Panels provide a more visual, sequential way to present images, text, and video instead of using a traditional grid. They can work well for client experiences, photography processes, testimonials, event highlights, before-and-after content, and vertical video.

For complete setup instructions, see How to Set Up Story Panels.

Additional Layouts

PhotoBiz also includes several specialized List Block layouts:

Arches
Circle Overlay Top
Designer Portrait Title Overlay
Portrait Border
Image Border Text Bottom

These layouts support:

Rows: 1–10
Columns: 1–4

Each layout uses a different combination of image shape, text placement, borders, or overlays. Choose the option that best matches the type of content and design style you want.

Contemporary Layouts

Contemporary layouts include:

Contemporary Square
Contemporary Landscape

These layouts support:

Rows: 1–10
Columns: 2–4

Use these layouts when you want an alternative grid style with a more structured column arrangement.

Rows and Columns

For layouts that support them, Rows and Columns control how many List Items appear within the block.

Rows determine how many horizontal groups of items can display. Columns determine how many items appear across each row.

The available Column settings depend on the layout:

Square, Portrait, Landscape, and Editorial layouts: 1–5 Columns
Modern layouts: 1–4 Columns
Arches, Circle Overlay Top, Designer Portrait Title Overlay, Portrait Border, and Image Border Text Bottom: 1–4 Columns
Pinboard: 2–4 Columns
Contemporary layouts: 2–4 Columns

The Image Left, Image Right, and Story Panel layouts use their own layout structure rather than the same Rows and Columns controls.

Avoid overcrowding a layout with too many columns, especially when your List Items contain longer Titles or Descriptions.

Styling Options

The Styling section controls spacing, alignment, borders, and other appearance settings for the selected layout.

Depending on the layout, available options may include:

Overlay Opacity
Title Alignment
Description Alignment
Button Alignment
Image Border Thickness
Space Between Items
Space Inside Items
Space Below Items
Flushing
Mobile View

Available settings vary by layout. If you change layouts, some Styling options may also change.

If you want to customize the border around images in your List Block, see How to Add Image Borders in a List Block on Your PhotoBiz Website.

Mobile View

Use Mobile View to control how List Items appear on phone screens.

Depending on the selected layout, you can choose one or two Columns for mobile devices. Your mobile configuration does not need to match the number of Columns used on desktop.

Preview your page on mobile after making changes.

Colors

The Colors section lets you override your website's global colors for the individual List Block.

The available color controls depend on the layout you choose.

Background

The Background section lets you add a background image behind your List Block.

You can upload your own image or choose an available background. Display options include:

Tile
Top Left
Centered
Cover

Click SAVE CHANGES after updating your background settings.

Fonts

The Fonts section lets you override your website's global fonts for the List Block.

Depending on the layout, font settings may be available for:

Title
Description
Button Text
Last Item Text

Available controls can include:

Font
Size
Letter Spacing
Line Height

For complete instructions on customizing List Block fonts, see How to Change the Fonts in List Blocks.

Animation

The Animation section lets you choose hover effects for supported images and buttons. Available options depend on the selected layout.

Image Hover Animations

Available Image Hover Animations include:

None
Scale
Blur
Scale Blur
Bounce

Button Hover Animations

Available Button Hover Animations include:

None
Fill
Overlay
Scale
Arrows

Click SAVE CHANGES after selecting your Animation settings.

Using DuoBuild With a List Block

The List Block supports DuoBuild, a built-in Website Builder layout feature that lets two supported blocks snap into a two-column layout when placed next to each other.

DuoBuild supports:

Text Editor Block
Text + Image Block
Images Block
List Block
Banner Block
Video Block
Form Block
Button Block
HTML Block

Place the List Block next to another supported block to create the two-column layout.

For more information, see DuoBuild Introduction.

Best Practices

For the best results with List Blocks:

Choose a layout that fits the type of content you are presenting.
Use high-quality images optimized for web display.
Keep Titles short and easy to scan.
Keep Descriptions concise.
Use consistent image proportions when possible.
Add Alt Text to meaningful images.
Avoid overcrowding grid layouts with too many Columns.
Use Last Item when you want visitors to access additional content without displaying every Item at once.
Preview your List Block on both desktop and mobile.

Related List Block Guides

For more detailed List Block instructions, see:

Need Help With Your Website Design?

If you would rather have the PhotoBiz team help build or organize your website, learn more about our We Build It For You service.

Need Help?

Support Hours: Monday to Friday, 9am to 6pm EST

Phone: 866.463.7620

Support Channels: Phone, Live Chat, Support Ticket

NEXT: HOW TO USE BLOG BLOCK

Previous Post Next Post

How To Use Text + Image Blocks

May 20, 2025

How To Use Banner Blocks

July 21, 2026

How To Use Text Editor Blocks

February 19, 2026

How To Use Gift Card Blocks

August 12, 2026

How To Use List Blocks