How To Add Titles & Captions To Individual Images

How to Add Titles, Descriptions, and Alt Text to Images in PhotoBiz

Overview

You can add a title, description, and alt text to each image in an Images Block on your PhotoBiz website.

Titles and descriptions provide visitors with additional information about your photography. Alt text helps visitors using screen readers understand the image and gives search engines context about what the image shows.

The selected Images Block layout determines where and how titles and descriptions appear. Depending on the layout, the text may:

Appear when a visitor hovers over an image
Remain visible below or beside the image
Display at the bottom of an image
Appear with the leftmost or center image in a carousel
Display only when the enlarged image is opened
Appear as part of a designed content card

Alt text does not display as a visible title or caption. It is used for accessibility and search engine context.

This guide explains how to update an individual image and how titles and descriptions display in each supported layout.

Which Layouts Support the Hover Effect?

The following Images Block layouts display the image title and description when a visitor hovers over the image:

Square
Portrait
Landscape
Pinboard

The hover effect is intended primarily for visitors using a mouse or trackpad. Phones and tablets use touch controls and do not have a traditional hover action, so review the layout on both desktop and mobile.

STEP ONE

This opens the Website Builder, where you can manage your website pages, content, and design.

STEP TWO

Open the page that contains the images you want to update.

Click the Images Block that contains the image. The block settings and image thumbnails will open in the right-side menu.

STEP THREE

Click the thumbnail of the image you want to update.

The individual image settings will open below the image thumbnails in the right-side menu.

On smaller screens, you may need to scroll below the thumbnails to find these settings.

STEP FOUR

Enter the title, description, and alt text you want to associate with the image.

Title

Use the TITLE field for a short heading, such as:

Client name
Session type
Location
Service name
Image name

Description

Use the DESCRIPTION field for a caption or additional information about the photograph.

Alt Text

Enter a brief and accurate description of the photograph in the ALT TEXT field.

Alt text helps visitors using screen readers understand what appears in the image. It can also help search engines understand the image and the surrounding page content.

You can also use ASK PHOTOBIZ AI to scan the image and suggest alt text. Review the suggestion before saving to confirm that it accurately describes the photograph.

Click SAVE CHANGES to apply the image information.

STEP FIVE

Repeat this process for each image you want to update.

Click another image thumbnail, enter its title, description, and alt text, and then click SAVE CHANGES.

Each image in the Images Block can have its own title, description, and alt text.

FINAL STEP

Review the Images Block on desktop and mobile.

Confirm that each title and description appears with the correct image and remains easy to read. The placement and visibility of the text depend on the Images Block layout you select.

Click SAVE CHANGES after making any final block or design changes. Your updates are automatically applied to the website. There is no separate publish button.

How Titles and Descriptions Display

The Images Block layout controls how titles and descriptions appear on your website.

Some layouts keep the text visible, while others display it as an overlay when a visitor hovers over the photograph.

Depending on the selected layout, the title or description may also appear when a visitor opens the enlarged image view.

Square, Portrait, and Landscape Layouts

The standard Square, Portrait, and Landscape layouts support the hover effect.

When a visitor places their cursor over an image on a desktop or laptop computer, the title and description appear as an overlay.

You can use the Images Block color and styling settings to adjust the overlay color and opacity.

Square Layout Example

Portrait Layout Example

Landscape Layout Example

Editorial Layouts

Editorial layouts display the title and description below each image.

Editorial layouts include:

Editorial Circle
Editorial Square
Editorial Landscape
Editorial Portrait

These layouts work well when you want the image information to remain visible without requiring visitors to hover over or open the image.

Editorial Circle Example

Editorial Square Example

Editorial Landscape Example

Editorial Portrait Example

Pinboard Layout

The Pinboard layout also supports the hover effect.

When a visitor places their cursor over an image on a desktop or laptop computer, the title and description appear as an overlay.

You can adjust the overlay color and opacity in the Images Block settings.

Pinboard Layout Example

Collage Layouts

The following Collage layouts display the image title when a visitor opens the enlarged image view:

Collage 4
Collage 5
Collage 6

These layouts display the title only in the enlarged view. The description does not display with the enlarged image.

Modern Layouts

Modern layouts display the image title as an overlay. The description does not display directly on the image in these layouts.

Modern layouts include:

Modern Square
Modern Portrait
Modern Landscape

You can adjust the title overlay color in the Images Block settings.

Modern Square Example

Modern Portrait Example

Modern Landscape Example

Stack Layouts

The following Stack layouts display the title and description centered below each image:

Stack Mini
Stackable

These layouts keep the image information visible without requiring the visitor to hover over or enlarge the image.

Gallery and Slideshow Layouts

The following layouts display the title and description at the bottom of the image:

Gallery
Slideshow

The text appears with the image as visitors browse the gallery or slideshow.

Carousel Layouts

The following Carousel layouts display the title and description at the bottom of the leftmost visible image:

Carousel
Carousel Slideshow

As visitors move through the carousel, the displayed title and description correspond to the image currently positioned furthest to the left.

Editorial Carousel Layouts

The following Editorial Carousel layouts display the title and description below the center visible image:

Editorial Carousel Portrait
Editorial Carousel Landscape
Editorial Carousel No Crop
Editorial Carousel Mini

As visitors move through the carousel, the displayed title and description correspond to the image currently positioned in the center.

Editorial and Gallery Collage Layouts

The following layouts display the image title when a visitor opens the enlarged image view:

Editorial Collage 3
Editorial Collage 4
Gallery Collage 3
Gallery Collage 4

These layouts display the title only in the enlarged view. The description does not display with the enlarged image.

Card Layouts

Card layouts combine an image with its title and description in a designed content card.

Card layouts include:

Card Portrait
Card Circle
Card Portrait Overlay Right
Card Landscape Overlay Left
Card Portrait Split

The exact position of the title and description depends on the selected Card layout. These layouts work well for testimonials, team profiles, featured services, session highlights, and other content that combines photography with written information.

Open LAYOUT in the Images Block settings to preview each option, then click SAVE to apply your selection.

Accordion Gallery Layouts

Accordion Gallery layouts keep the image title and description visible beside the image.

Accordion Gallery Square

The image appears on the left. The title and description appear on the right.

Accordion Gallery Image Left

The image appears on the left. The title and description appear on the right.

Accordion Gallery Right

The title and description appear on the left. The image appears on the right.

These layouts keep the image information visible without requiring visitors to hover over or enlarge the image.

Choosing the Best Layout

Choose a layout based on how you want visitors to see the image information.

Use Square, Portrait, Landscape, or Pinboard when you want the title and description to appear as a hover overlay.
Use Stack Mini or Stackable when you want the title and description centered below the image.
Use an Editorial layout when you want the title and description to remain visible below each image.
Use Gallery or Slideshow when you want the title and description displayed at the bottom of the image.
Use Carousel or Carousel Slideshow when you want the text displayed at the bottom of the leftmost visible image.
Use an Editorial Carousel layout when you want the text displayed below the center visible image.
Use a supported Collage layout when you only need the title displayed in the enlarged image view.
Use a Modern layout when you only need to display a short image title as an overlay.
Use a Card layout when you want to combine an image and text in a designed content card.
Use an Accordion Gallery layout when you want the title and description displayed beside the image.

Review the selected layout on both desktop and mobile. Hover effects may not work or display in the same way on touchscreen devices.

Customize the Title and Description Fonts

Open FONTS in the Images Block settings to customize the appearance of your image titles and descriptions.

Depending on the selected layout, you may be able to adjust:

Font
Font size
Letter spacing
Line height

Use fonts that are easy to read and consistent with the rest of your website.

Click SAVE after making your changes.

Alt Text Tips

Alt text should briefly and accurately describe the important visual content of the image.

Examples include:

Bride and groom walking through a garden after their wedding ceremony
Family of four posing beside a lake at sunset
Newborn sleeping in a cream-colored blanket
Headshot of a business owner standing in a photography studio

Avoid filling alt text with unrelated keywords, locations, or services. The text should accurately describe what appears in the image.

You generally do not need to begin alt text with phrases such as “image of” or “picture of.” Screen readers already identify the content as an image.

Helpful Notes

Titles, descriptions, and alt text are entered separately for each image.
Titles and descriptions are optional.
Alt text is recommended for accessibility and search visibility.
Alt text does not appear as a visible caption on the website.
Square, Portrait, Landscape, and Pinboard support the title-and-description hover effect.
Stack Mini and Stackable display the title and description centered below the image.
Gallery and Slideshow display the title and description at the bottom of the image.
Carousel and Carousel Slideshow display the title and description at the bottom of the leftmost visible image.
Editorial Carousel layouts display the title and description below the center visible image.
Collage 4, Collage 5, Collage 6, Editorial Collage 3, Editorial Collage 4, Gallery Collage 3, and Gallery Collage 4 display the title only in the enlarged image view.
Editorial layouts display the title and description below each image.
Modern layouts display the title as an overlay but do not display the description directly on the image.
Card layouts combine the image, title, and description in a designed content card.
Accordion Gallery layouts display the title and description beside the image.
Layout-specific font, color, overlay, and styling options may vary.
You can change the layout without re-uploading your images or re-entering their information.
Review all text for spelling, punctuation, and accuracy before saving.

How To Use Image Blocks

July 17, 2026

How To Change Mobile Layout For Image Blocks

July 1, 2026

How to Adjust Load More Options in an Images Block

July 20, 2026

Website Images Zoomed In on Google Chrome and Safari

September 16, 2024