PhotoBiz, LLC Logo
  • WELCOME
  • WEBSITE BUILDER
  • SEO
  • CLIENT GALLERIES
  • FORMS
  • SERVICES
    • WE BUILD IT FOR YOU
    • SEO GO
    • CUSTOM WEBSITE DESIGN
    • LOGO DESIGN
    • SOCIAL MEDIA MARKETING
    • COACHING
  • GROWTH HUB
  • CONTACT
MENU

How To Use List Blocks

May 05, 2025 | By: PhotoBiz Knowledge Base

Share

📋 How to Use the List Block in PhotoBiz

The List Block is a flexible feature in the Website Builder that lets you display images, text, and videos in a grid-style layout. It’s perfect for showcasing testimonials, linking to other pages, or creating visual calls-to-action for your visitors.

STEP ONE

Log into your PhotoBiz account and click on the WEBSITE option in the left side menu.

STEP TWO

To add a List Block:

  • Click and hold the LIST icon on the right.
  • Drag it to your desired spot using the teal line as a guide.
  • Release your mouse to drop the block into place.

💡 Tip: Clicking the LIST icon once will add the block to the bottom of the page

STEP THREE

Click anywhere inside the block or click on the pencil icon and then advanced to open the edit panel from the right-hand side.

âž• ADDING ITEMS TO YOUR LIST BLOCK

Inside the List Block, you can add:

  • Images
  • Text Only
  • Embedded Videos with Buttons

Each item can include a Title, Description, and Call-to-Action Button.

IMAGE ITEMS

  • Upload an image from your computer, clipboard, or choose from the Stock Library.
  • Title & Description appear alongside your image.
  • Alt Text helps with accessibility.
  • Button can link to a page, form, file, or external site.

Example: Use this to feature client testimonials or service highlights.

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

Add text-only items with an optional button.

  • Title
  • Description
  • Button Text
  • Link (choose where the button goes)

Click CREATE NOW to add your Text Item.

VIDEO ITEM

  • Paste your embed code from YouTube or Vimeo.
  • Add a cover image or let the default play button display.
  • Include Title, Description, and Alt Text.
  • Add a Button that plays the video in a pop-out.

DELETING ITEMS

To delete an item, drag and drop it onto the Delete button.


USING THE "LAST ITEM" FEATURE

If your selected layout doesn’t show all items, you can adjust the number of rows and columns or use the Last Item feature to let users control how more items load:

  • None – Show only items that fit in your layout.
  • Load More Link – Adds a box visitors click to load more.
  • Standard Link – Adds a custom link to another area.

Standard link options include:

  • External Link
  • Page on your site
  • Form, Campaign, or Landing Page
  • File download
  • Phone, Email, or Address
  • Video
  • Pop-Up

LAYOUTS

Choose the layout that best fits your content. Layouts control how items appear and how many show per row and column.

  • Rows = Horizontal lines
  • Columns = Vertical groups

CLASSIC LAYOUTS 

Show title, description, and button on hover.
› Square, Portrait, Landscape

EDITORIAL LAYOUTS

Show text below the image.
› Circle, Square, Landscape, Badges, Portrait

MODERN LAYOUTS

Show only the title, always visible.
› Square, Portrait, Landscape

PINBOARD LAYOUT

Hover shows title and description. Buttons not shown.

IMAGE LEFT & IMAGE RIGHT LAYOUTS

Image appears on one side, text on the other.
› Small/Large Left & Right (images not cropped)

OTHER LAYOUTS

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

STYLING

Customize spacing, borders, and layout feel:

  • Overlay Opacity (not available in Editorial layouts)
  • Alignment for title, description, and button
  • Image Border Thickness
  • Space Between/Inside/Below Items
  • Flushing – Full-width vs centered layout
  • Mobile View – Choose 1 or 2 columns on small devices

Click SAVE CHANGES to apply.

COLORS

Override global design colors with block-specific color settings (varies by layout).

BACKGROUND

Add a background image behind your block:

  • Upload your own or choose from the Background Library.

  • Display Options:

    • Tile

    • Top Left

    • Centered

    • Cover

Click SAVE CHANGES after customizing your background.

FONTS

Override global fonts with custom List Block fonts for:

  • Title
  • Description
  • Button Text
  • Last Item Text

You can adjust:

  • Font
  • Size
  • Letter Spacing
  • Line Height

Click SAVE CHANGES to save your font settings.

ANIMATION

Choose hover effects for buttons:

  • None
  • Fill
  • Overlay
  • Scale
  • Arrows

Click SAVE CHANGES to apply your animation style.

✅ Best Practices

  • Use high-quality visuals to enhance your design.
  • Choose the layout that matches your content goals.
  • Keep text short and clear for best engagement.
  • Test your block on both desktop and mobile.

💬 Need Help?

Our Passionate Support Team is here for you!
📞 Call us toll-free at 866.463.7620
💬 Or send us a live chat from your PhotoBiz control panel
🕘 Monday – Friday, 9:00 AM – 6:00 PM EST


NEXT: HOW TO USE BLOG BLOCK
Previous Post Next Post

Related Posts

How To Use Text + Image Blocks

December 19, 2024

How To Use Banner Blocks

January 17, 2025

How To Use Text Editor Blocks

December 19, 2024

How To Use Button Blocks

December 19, 2024

Need More Help?

CONTACT US

BUILDER

Website Builder Client Galleries Blog

TOOLS

Ecommerce Scheduler Quotes & Invoices

MARKETING

Email Marketing Forms Contacts SEO

MORE

Account Settings Domain & Email Files PhotoBiz Growth Hub Blog Go To PhotoBiz.com
Copyright © 2004 – 2025 PhotoBiz, LLC All rights reserved
Crafted by PhotoBiz
PhotoBiz, LLC Logo
CLOSE
  • WELCOME
  • WEBSITE BUILDER
  • SEO
  • CLIENT GALLERIES
  • FORMS
  • SERVICES
    • WE BUILD IT FOR YOU
    • SEO GO
    • CUSTOM WEBSITE DESIGN
    • LOGO DESIGN
    • SOCIAL MEDIA MARKETING
    • COACHING
  • GROWTH HUB
  • CONTACT