MENU

How To Use Image Blocks

Jul 17 2026 | By: PhotoBiz Knowledge Base

How To Add Image Blocks

Adding images throughout your site is a great way to show off your expertise to visitors. In this tutorial, you will learn about the variety of ways you can customize how your images are displayed.

How to Use the Images Block in the PhotoBiz Website Builder

Overview

The Images Block allows you to display photos throughout your PhotoBiz website using professional grids, galleries, slideshows, carousels, cards, and editorial layouts. You can upload new images, use images already stored in your account, or select stock images.

This guide explains how to add an Images Block, organize your images, select a layout, and customize its appearance. You will also learn how to add image titles, descriptions, alt text, links, colors, backgrounds, fonts, and animations.

The settings available in the Images Block may vary depending on the layout you select.

STEP ONE

Log in to your PhotoBiz account and click WEBSITE in the left-side menu. The Website Builder opens and displays the pages currently included on your website.

STEP TWO

Click the name of the page where you want to add the Images Block. You can also create a new page before adding the block.

To add an Images Block to the bottom of the page, click the Images icon on the right side of the Website Builder.

To place the block in a specific location, hover over the Images icon, click and hold it, and drag it onto the page. Release the block when the teal placement line appears in the desired location.

STEP THREE

Choose whether you want to start with a blank block or a predesigned Images Block.

A blank block uses your website’s global style settings and allows you to configure the layout and design from the beginning. A predesigned block includes a professionally styled layout that you can customize with your own images and settings.

Click Select under the design you want to use.

STEP FOUR

After you add the block, the Images section opens. Use this section to upload, select, and organize the images displayed in the block.

Click UPLOAD to add new images from your device. Click CLIPBOARD to use images previously uploaded to your PhotoBiz account. Click STOCK IMAGES to browse available stock photography.

Predesigned blocks may include placeholder images. You can keep these images or remove them by dragging them to the Delete button.

Drag your images within the image panel to change their display order. Click an individual image to add its title, description, alt text, or link.

STEP FIVE

Click Layout in the right-side settings menu. Review the available Images Block layouts and select the option that best matches the type of images you are displaying.

Grid layouts may allow you to select the number of rows and columns. Other layouts may include options for image cropping, text placement, slideshow behavior, navigation, or carousel display.

Click Save under the layout you want to apply.

FINAL STEP

Review the Images Block on your page. Confirm that your images appear in the correct order, titles and descriptions display as expected, and links open the correct destination.

Review the page on both desktop and mobile devices to confirm that the selected layout and spacing work well at different screen sizes.

Some controls save automatically. When a section includes a Save Changes button, click Save Changes before leaving that section.

The Save button applies your updates directly to your live website. There is no separate publish button.

Image Block Settings

The settings icons on the right side of the Images Block appear in this order:

  • Images
  • Last Item
  • Layout
  • Styling
  • Colors
  • Background
  • Fonts
  • Animation

The sections below explain the options available within each area.

Images

The Images section allows you to add, remove, arrange, and edit the photos displayed in the block.

You can add images from the following sources:

  • UPLOAD: Add new images from your device.
  • CLIPBOARD: Use images already stored in your Image Clipboard.
  • STOCK IMAGES: Browse the available stock image library.

Drag images within the image panel to change their display order. Drag an image to the Delete button to remove it from the block.

Removing an image from an Images Block does not affect a copy stored in your Image Clipboard.

Image Titles, Descriptions, Alt Text, and Links

Click an individual image to edit its information. Depending on the selected layout, you may be able to add:

  • Title: A heading associated with the image.
  • Description: Supporting text displayed with the image.
  • Alt Text: A written description that helps search engines and visitors using screen readers understand the image.
  • Link: A destination that opens when a visitor clicks the image.

Titles and descriptions may appear below an image, over an image, or when a visitor hovers over it. Some layouts do not support every text option.

Write alt text that briefly explains the important content or purpose of the image. Avoid adding unrelated keywords or beginning every description with phrases such as “image of.”

Last Item

The Last Item section controls whether the final item displayed in the grid includes an additional link. You can use this setting to load more images within the current page or direct visitors to another destination.

Display Last Item Link

Choose one of the following options:

  • None: No link is used on the last item in the grid.
  • Yes, as a “load more link”: When clicked, another set of images loads within the same page.
  • Yes, as a “standard link”: When clicked, the link opens a separate page or another selected destination.

No Last Item Link

When Display Last Item Link is set to None, the block does not reserve a position for a link.

The block displays images based on the number of images available and the selected layout. In grid layouts, the selected number of rows and columns determines how many images appear.

Load More Link

When you select Yes, as a “load more link,” the following settings appear:

  • Link Text: Enter the text visitors will select. The default text is “load more.”
  • Link Style: Choose how the link appears.

Available Link Style options include:

  • Button
  • Text Only
  • Last Grid Item

The Last Grid Item option places the link in the final position of the image grid. This option is available on supported grid layouts except PINBOARD.

When a visitor selects the load more link, another set of images loads within the same page.

Standard Link

When you select Yes, as a “standard link,” the following settings appear:

  • Link Text: Enter the text visitors will select.
  • Link To: Choose the destination the link should open.
  • Link Style: Choose how the link appears.

Standard link destinations can include:

  • Another website page
  • A form
  • A landing page or campaign
  • A PDF or uploaded file
  • A phone number
  • An email address
  • A map
  • A YouTube or Vimeo video
  • A pop-up

When linking to another website page, use Choose a page to select the page. You can then use Choose a block to direct visitors to a specific block or select Top of the Page.

Available Link Style options include:

  • Button
  • Text Only
  • Last Grid Item

The Last Grid Item option is available on supported grid layouts except PINBOARD.

Click Save Changes after configuring the Last Item settings.

Layout

The Layout section controls how images are arranged within the block. Available controls and text placement vary depending on the layout you select.

Grid and Editorial Layouts

  • SQUARE: Displays cropped square images in a grid. Titles and descriptions appear on hover.
  • PORTRAIT: Displays vertically cropped images in a grid. Titles and descriptions appear on hover.
  • LANDSCAPE: Displays horizontally cropped images in a grid. Titles and descriptions appear on hover.
  • EDITORIAL CIRCLE: Displays circular images in a grid with text below each image.
  • EDITORIAL SQUARE: Displays square images with text below each image.
  • EDITORIAL LANDSCAPE: Displays horizontally cropped images with text below each image.
  • EDITORIAL PORTRAIT: Displays vertically cropped images with text below each image.
  • PINBOARD: Displays images of different proportions in a flowing grid with text below.

Collage and Modern Layouts

  • COLLAGE 4: Displays four cropped images in a predefined arrangement. Text appears on hover.
  • COLLAGE 5: Displays five cropped images in a predefined arrangement. Text appears on hover.
  • COLLAGE 6: Displays six cropped images in a predefined arrangement. Text appears on hover.
  • MODERN SQUARE: Displays cropped square images with title overlays. Descriptions are not supported.
  • MODERN PORTRAIT: Displays cropped vertical images with title overlays. Descriptions are not supported.
  • MODERN LANDSCAPE: Displays cropped horizontal images with title overlays. Descriptions are not supported.
  • EDITORIAL COLLAGE 3: Displays three cropped images in an editorial collage with text below.
  • EDITORIAL COLLAGE 4: Displays four cropped images in an editorial collage with text below.

Stacked and Gallery Layouts

  • STACK MINI: Displays images in stacked rows using approximately 70 percent of the available content width. Text appears below each image.
  • STACKABLE: Displays images vertically using the full available content width.
  • GALLERY: Displays one large image with navigation arrows and thumbnails underneath. Text appears over the main image.
  • GALLERY COLLAGE 3: Displays a three-image collage above a traditional gallery layout.
  • GALLERY COLLAGE 4: Displays a four-image collage above a traditional gallery layout.
  • SLIDESHOW: Displays an automatically rotating slideshow using uncropped images. Titles and descriptions appear over each slide.

Carousel Layouts

  • CAROUSEL: Displays images in a horizontally scrollable row.
  • CAROUSEL SLIDESHOW: Displays a scrollable carousel that automatically cycles through images.
  • EDITORIAL CAROUSEL PORTRAIT: Displays vertically cropped carousel images with editorial-style text below.
  • EDITORIAL CAROUSEL LANDSCAPE: Displays horizontally cropped carousel images with editorial-style text below.
  • EDITORIAL CAROUSEL NO CROP: Maintains each image’s original proportions and displays text below.
  • EDITORIAL CAROUSEL MINI: Displays images and text in a compact editorial carousel.

Card Layouts

  • CARD PORTRAIT: Displays portrait-oriented image cards with supporting text.
  • CARD CIRCLE: Displays circular image cards with supporting text.
  • CARD PORTRAIT OVERLAY RIGHT: Displays portrait images with text overlaid on the right.
  • CARD LANDSCAPE OVERLAY LEFT: Displays landscape images with text overlaid on the left.
  • CARD PORTRAIT SPLIT: Displays an image and its text next to each other in a split layout.

Accordion Gallery Layouts

  • ACCORDION GALLERY SQUARE: Displays square images with expandable titles and descriptions.
  • ACCORDION GALLERY IMAGE LEFT: Displays the selected image on the left side of the accordion layout.
  • ACCORDION GALLERY RIGHT: Displays the selected image on the right side of the accordion layout.

Click Save under a layout to apply it to the Images Block.

Styling

The Styling section allows you to override your website’s global styling settings for the Images Block. Available controls depend on the selected layout and may include:

  • Overlay Opacity: Controls how transparent or solid the image overlay appears.
  • Title and Description Alignment: Positions supported text to the left, center, or right.
  • Image Border Thickness: Adjusts the width of the border around each image.
  • Open Full Screen Mode: Allows visitors to open supported images in a larger view.
  • Spacing Between Items: Changes the space between images.
  • Spacing Below Blocks: Changes the space below the Images Block.
  • Spacing Inside Blocks: Changes the space between the block content and its outer edges.
  • Flushing: Controls whether the block remains centered or extends across the available page width.
  • Mobile View: Arranges supported layouts in one or two columns on mobile devices.

Mobile View

The Mobile View setting is located in the Styling section. It controls whether supported layouts arrange images in one or two columns on mobile devices.

The Mobile View setting changes how the images are arranged. It does not change the total number of images included through the layout’s row and column settings.

An Images Block displays up to 10 items at a time on mobile devices.

When Display Last Item Link is set to None, no position is reserved for a link. Images display according to the selected layout and, for grid layouts, the selected rows and columns, up to the 10-item mobile limit.

If the selected rows and columns include fewer than 10 images, that selected number appears on mobile.

When more than 10 images are available and Link Style is set to Last Grid Item, nine images appear followed by the Last Item link in the tenth position.

When Yes, as a “load more link” is selected, visitors can select the link to load another set of images within the same page.

Click Save Changes after adjusting the Styling settings.

Colors

The Colors section allows you to override your website’s global color settings for the Images Block. Available options depend on the selected layout and may include:

  • Title Color: Changes the image title color.
  • Text Color: Changes the image description color.
  • Background Color: Changes the background behind the Images Block.
  • Overlay Color: Changes the color displayed over supported images.
  • Last Item Text Color: Changes the text color used by the Last Item link.
  • Last Item Background Color: Changes the background color used by the Last Item link.
  • Border Color: Changes the color of image borders.

Click Save Changes to apply your color selections.

Background

The Background section allows you to place an image behind the content of the Images Block.

You can select:

  • Custom Upload: Upload a background image from your device.
  • Background Library: Select an available background from the PhotoBiz library.

Background display settings include:

  • Tile: Repeats the image across the block background.
  • Top Left: Anchors the image to the upper-left corner.
  • Centered: Positions the image in the center of the background.
  • Cover: Enlarges the image to fill the available background area.

Click Save Changes to apply the background.

Fonts

The Fonts section allows you to override your website’s global font settings for supported Images Block text.

Depending on your selected layout, you may be able to customize:

  • TITLE
  • DESCRIPTION
  • LAST ITEM TEXT

Available controls may include the font family, font size, letter spacing, and line height. Letter spacing controls the space between characters. Line height controls the vertical space between lines of text.

Click Save Changes after adjusting the font settings.

Animations

The Animation section allows you to add a visual effect when a visitor hovers over an image.

Available options include:

  • NONE
  • SCALE
  • BLUR
  • SCALE BLUR
  • BOUNCE

Choose an animation that supports your website design without making the images difficult to view or navigate.

Click Save Changes to apply the selected animation.

Using DuoBuild with the Image Block

The Images Block supports DuoBuild. DuoBuild is a built-in Website Builder feature that allows two supported blocks to appear next to each other in a two-column layout without custom code.

To activate DuoBuild, drag the Images Block horizontally over another supported block. When the placement area highlights in green, release your mouse. The blocks will snap into a side-by-side layout.

The following blocks support DuoBuild:

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

If the blocks do not connect, confirm that both block types support DuoBuild and that you are dragging the block horizontally rather than placing it above or below the other block.

Helpful Notes 

  • Changing the layout does not remove the images stored in the block.
  • Switching layouts may change image cropping, text placement, or the number of images initially displayed.
  • Not every layout supports titles, descriptions, overlays, borders, animations, or full-screen viewing.
  • Preview the page on both desktop and mobile after changing the layout, columns, or spacing.
  • Images stored in the Image Clipboard are not affected when you remove an image from an Images Block.
  • Grid layouts use the selected rows and columns to determine how many images display.
  • The Mobile View setting changes whether images appear in one or two columns. It does not change the total number of selected images.
  • When a setting includes Save Changes, click it before leaving that section. 

Troubleshooting and FAQs

Why are some of my images being cropped?

Many Images Block layouts use fixed square, portrait, or landscape proportions. Select a Pinboard, Slideshow, Stacked, or a No Crop layout when you want to preserve the original proportions of each image.

Why is my image title or description not showing?

Some layouts display text only when a visitor hovers over an image. Other layouts may not support descriptions. Review the layout description and confirm that you added the text to the correct image.

Why are only some of my images visible?

Review the selected layout and the number of rows and columns configured for the block. On mobile devices, up to 10 items display at a time.

You can use the Last Item settings with a load more link to allow visitors to display additional images.

Why does the mobile version show nine images and a link?

When the block contains more than 10 images and Link Style is set to Last Grid Item, the mobile version displays nine images followed by the Last Item link in the tenth position.

Why does the number of images change when I adjust the rows or columns?

In grid layouts, the selected number of rows and columns determines how many images are included in the visible grid.

For example, a layout with two rows and three columns displays up to six images before any Last Item settings are applied.

Why did the design change after I selected another layout?

Each layout has its own cropping, text placement, spacing, and styling behavior. Review the Styling, Colors, Background, Fonts, and Animation sections after changing layouts.

Why will my blocks not connect with DuoBuild?

DuoBuild works only with supported block types. Confirm that both blocks support DuoBuild, then drag one block horizontally over the other until the placement area highlights in green.

Want PhotoBiz To Build Your Website?

The PhotoBiz team can help you create or improve your website.

If you have any questions about the Images block, please give our Support Team a call toll-free at 866.463.7620 or send us a live chat from your PhotoBiz control panel. We're available Monday - Friday 9:00am - 6:00pm EST and we're happy to help you however we can.

NEXT: HOW TO USE BANNER BLOCKS
Previous Post Next Post

Related Posts

How to Adjust Load More Options in an Images Block

May 22, 2026

How To Change Mobile Layout For Image Blocks

July 1, 2026

Website Images Zoomed In on Google Chrome and Safari

September 16, 2024

How To Change Image Block Layout

November 21, 2025

CLOSE