MENU

How To Use Image Blocks

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 showcase photographs throughout your PhotoBiz website using grids, galleries, slideshows, carousels, collages, and other professional layouts. You can upload new images, select photographs from your Image Clipboard, or use stock images.

You can customize how your photographs appear, including their layout, cropping, titles, descriptions, links, colors, backgrounds, fonts, and animations. You can also rearrange photographs, remove images, and control how visitors view additional images.

This guide explains how to add an Images Block, manage your photographs, customize its appearance, and choose the best layout for your website.

STEP ONE

Log in to your PhotoBiz account and click WEBSITE in the left-side menu.

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

STEP TWO

Click the name of the website page where you want to add an Images Block.

Locate the IMAGES icon in the block menu on the right side of your Website Builder.

To add an Images Block to the bottom of your page, click the IMAGES icon.

To place the Images Block in a specific location, click and hold the IMAGES icon, then drag it onto your page. Release your mouse when the placement line appears in your preferred location.

STEP THREE

The SELECT IMAGES BLOCK panel opens on the right side of your Website Builder.

You can choose from a blank Images Block or 18 predesigned options:

  • Blank: Adds an empty Images Block that uses your website's global design settings. You can customize its layout and appearance after adding your photographs.

  • Images 1–18: Provides predesigned Images Blocks with different image arrangements and styling to help you get started.

Scroll through the available designs to preview your options.

Click SELECT beneath the design you want to add to your page.

Your starting design is not permanent. You can change the layout, styling, colors, fonts, and other settings at any time.

FINAL STEP

After selecting your starting design, the EDIT IMAGES panel opens.

You can add photographs using the following options:

  • UPLOAD: Upload new photographs from your computer or device.

  • CLIPBOARD: Select photographs previously saved to your PhotoBiz Image Clipboard.

  • STOCK IMAGES: Browse and select photographs from the available stock image library.

Add the photographs you want to display in your Images Block.

If you selected a predesigned Images Block, it will use images from your image clipboard or sample images if you don't have enough images available. You can replace these with your new images or remove images you do not want to use.

You can drag and drop photographs within the image management panel to rearrange their display order.

Review your Images Block to make sure your photographs appear in the correct order and that the design looks the way you want.

Click VIEW SITE to see how your Images Block appears on your live website. You can also review your page on a mobile device to make sure the images display correctly at smaller screen sizes.

Your saved changes take effect automatically. You do not need to publish your website separately.

Managing Images in Your Images Block

After adding an Images Block, you can return to its IMAGES settings whenever you need to upload additional photographs, rearrange images, edit image information, or remove photographs.

Rearranging Your Images

You can drag and drop images within the EDIT IMAGES panel to change the order in which they appear on your website.

Click and hold a photograph, drag it to your preferred position, and release your mouse.

You can also select multiple images and move them together. If your Images Block contains multiple numbered pages of images, you can move photographs between those pages.

Drag-and-drop image management works with a mouse or trackpad on a desktop computer.

For complete instructions, see How to Drag and Drop Images in Your PhotoBiz Control Panel.

Removing Images

You can remove individual photographs or multiple images from your Images Block.

In the EDIT IMAGES panel, click and hold the photograph you want to remove, then drag it onto the DELETE button at the top of the panel.

To remove multiple photographs, select the images you want to delete, then drag the selected group onto DELETE.

The DELETE IMAGE confirmation panel opens with the message:

ARE YOU SURE YOU WANT TO DELETE THIS IMAGE?

You have two options:

  • YES, DELETE IT: Confirms the deletion and removes the selected image or images.

  • CANCEL: Closes the confirmation panel without deleting your photographs.

Important: Deleted images cannot be recovered through an undo option. If you want to use a deleted photograph again, you must reupload it from your device or insert a previously saved copy from your Image Clipboard.

Removing individual photographs does not delete the entire Images Block.

For complete instructions, see How to Delete Images from Your PhotoBiz Website.

Using the Image Clipboard

The Image Clipboard allows you to save and reuse photographs throughout supported areas of your PhotoBiz account.

This is useful when you want to display the same photographs on multiple website pages without uploading separate copies each time.

You can organize photographs into Clipboard folders and select them whenever you add images to supported blocks.

Deleting a photograph from an Images Block does not affect a separate copy previously saved to your Image Clipboard.

For complete instructions, see How to Use the Image Clipboard in PhotoBiz.

Editing Image Titles, Descriptions, Alt Text, and Links

Click an individual photograph in the EDIT IMAGES panel to access its image information.

Depending on your selected layout, you can customize:

  • TITLE: Adds a heading associated with the photograph.

  • DESCRIPTION: Adds supporting information or a caption.

  • ALT TEXT: Describes the photograph for visitors using screen readers and provides context for search engines.

  • LINK: Allows visitors to click the photograph to open another destination.

Image titles and descriptions may appear below a photograph, beside it, over the image, or when visitors hover over it.

Some layouts do not support every text display option. For example, certain Modern layouts display titles without descriptions.

For additional instructions, see How to Add Titles and Descriptions to Images, How to Add Alt Text to Images, and How to Link Images to Website Pages.

Accessibility Tip: Write meaningful alt text that describes the photograph's important content or purpose. Avoid unrelated keywords and unnecessary phrases such as "image of." If important information appears only when visitors hover over an image, consider a layout that displays the information without requiring a hover interaction.

Customizing Your Images Block

The settings icons along the right side of your Images Block provide access to its customization options.

Available sections include:

  • IMAGES: Add, rearrange, edit, or remove photographs.

  • LAST ITEM: Add a link to load additional images or open another destination.

  • LAYOUT: Change how photographs are arranged and displayed.

  • STYLING: Adjust spacing, image overlays, borders, full-screen viewing, and mobile display settings.

  • COLORS: Customize text, overlay, background, and border colors.

  • BACKGROUND: Add a background image behind the block.

  • FONTS: Customize supported image titles, descriptions, and Last Item text.

  • ANIMATION: Apply hover effects to supported images.

These settings allow you to customize an individual Images Block without changing the overall design of your website.

Important: Available controls depend on the layout you select. Some options may not appear or may behave differently when you change layouts.

Changing Your Images Block Layout

If you want to change how your photographs appear after adding them, click LAYOUT in the Images Block settings.

Browse the available layouts to preview different image arrangements, including grids, editorial designs, collages, slideshows, galleries, carousels, and cards.

Click SAVE beneath the layout you want to apply.

You can also use the left and right arrows beside the current layout name on the Images Block to quickly switch between available layouts. Changes made using these arrows are applied automatically.

Changing the layout does not remove the photographs stored in your Images Block. However, it may affect image cropping, spacing, title placement, and the number of photographs initially displayed.

Some layouts provide additional controls for rows, columns, or sets of images. These settings determine how photographs are arranged and how many are initially shown.

Helpful Tip: If you're happy with the starting design you selected when adding your Images Block, you do not need to change its layout.

For complete instructions, see How to Change the Layout of an Images Block.

Images Block Layout Options

PhotoBiz offers a variety of layouts for showcasing your photography.

Some layouts emphasize image proportions, while others focus on supporting text, navigation, or interactive viewing.

Choose a layout based on the type of photographs you're displaying and how you want visitors to experience them.

Grid and Editorial Layouts

Grid layouts are useful for photography portfolios and collections where visitors browse multiple images at once.

Editorial layouts are especially helpful when you want to include titles and descriptions alongside photographs.

  • SQUARE: Displays cropped square images in a grid. Titles and descriptions appear when visitors hover over an image.

  • 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 supporting text below each image.

  • EDITORIAL SQUARE: Displays square images with titles and descriptions below.

  • EDITORIAL LANDSCAPE: Displays horizontally cropped images with supporting text below.

  • EDITORIAL PORTRAIT: Displays vertically cropped images with supporting text below.

  • PINBOARD: Displays photographs with different proportions in a flowing grid with supporting text below.

Collage and Modern Layouts

Collage layouts combine several photographs into predefined arrangements. These layouts work well for featured sessions, portfolio highlights, and creative presentations.

  • COLLAGE 4: Displays four cropped images in a predefined arrangement with text appearing on hover.

  • COLLAGE 5: Displays five cropped images in a predefined arrangement with text appearing on hover.

  • COLLAGE 6: Displays six cropped images in a predefined arrangement with text appearing on hover.

  • MODERN SQUARE: Displays cropped square images with title overlays. Descriptions are not supported.

  • MODERN PORTRAIT: Displays vertically cropped images with title overlays. Descriptions are not supported.

  • MODERN LANDSCAPE: Displays horizontally cropped images with title overlays. Descriptions are not supported.

  • EDITORIAL COLLAGE 3: Displays three cropped images in an editorial arrangement with supporting text below.

  • EDITORIAL COLLAGE 4: Displays four cropped images in an editorial arrangement with supporting text below.

Stacked and Gallery Layouts

These layouts are useful when you want to display larger photographs or allow visitors to browse individual images.

  • STACK MINI: Displays photographs in stacked rows using approximately 70% of the available content width. Text appears below each image.

  • STACKABLE: Displays photographs 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: Combines a three-image collage with a traditional gallery layout.

  • GALLERY COLLAGE 4: Combines a four-image collage with a traditional gallery layout.

  • SLIDESHOW: Automatically rotates through uncropped photographs. Titles and descriptions appear over each slide.

Carousel Layouts

Carousel layouts allow visitors to browse photographs horizontally.

These layouts are useful for featured collections, services, and displays that take up less vertical space.

  • CAROUSEL: Displays photographs in a horizontally scrollable row.

  • CAROUSEL SLIDESHOW: Displays a 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 the original proportions of photographs and displays supporting text below.

  • EDITORIAL CAROUSEL MINI: Displays photographs and text in a compact editorial carousel.

Card Layouts

Card layouts combine photographs with supporting text and work well for testimonials/reviews, introducing services, team members, or featured content.

  • 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 photographs with text overlaid on the right.

  • CARD LANDSCAPE OVERLAY LEFT: Displays landscape photographs with text overlaid on the left.

  • CARD PORTRAIT SPLIT: Displays an image and its associated text next to each other in a split layout.

See How To Create Testimonials with Card Layout for complete instructions. 

Accordion Gallery Layouts

Accordion gallery layouts combine photographs with expandable content areas.

  • 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.

Choosing the Right Layout: If preserving original image proportions is important, consider PINBOARD, STACKABLE, SLIDESHOW, or EDITORIAL CAROUSEL NO CROP. If titles and descriptions are central to your content, an editorial or card layout may be a better choice.

Last Item Settings

The LAST ITEM section allows you to add a link to your Images Block so visitors can load additional photographs or navigate to another destination.

This is particularly useful when your block contains more images than the selected layout initially displays.

Click LAST ITEM in the Images Block settings to access the following options:

  • None: Displays your photographs without an additional Last Item link.

  • Yes, as a "load more link": Allows visitors to display additional photographs within the same website page.

  • Yes, as a "standard link": Directs visitors to another website page, form, file, or other supported destination.

Customizing Your Last Item Link

When you enable a Last Item link, additional settings allow you to customize how it appears and, when applicable, where it directs visitors.

Depending on your selection and layout, you may see:

  • LINK TEXT: Controls the words displayed on your Last Item link.

  • LINK STYLE: Determines how the link appears within your Images Block.

  • LINK DESTINATION: Allows you to choose where visitors go when they click a standard link.

Available LINK STYLE options include:

  • Button: Displays the link as a button.

  • Text Only: Displays the link as clickable text.

  • Last Grid Item: Places the link in the final position of supported image grids. This option is not available for the PINBOARD layout.

The available options vary depending on your selected layout and whether you're using a load more link or a standard link.

For a load more link, visitors can reveal additional photographs without leaving the current page. For a standard link, visitors are directed to the destination you've selected.

Click SAVE CHANGES to apply your settings.

For complete instructions, see How to Adjust Last Item and Load More Options in an Images Block.

Styling Settings

The STYLING section allows you to customize the appearance, spacing, and display behavior of your Images Block.

Click STYLING in the right-side Images Block settings to access the available options.

Important: Styling options depend on your selected Images Block layout. Some settings may not appear or may behave differently depending on the layout you're using.

Available Styling Options

Depending on your selected layout, you may see the following settings:

  • OVERLAY OPACITY: Controls the transparency of the color overlay displayed over supported images. Adjust the slider from 0% (completely transparent) to 100% (completely solid).

  • OVERLAY STYLE: Controls how the color overlay appears on photographs in supported Images Block layouts. Available options may include Solid, Border, and Gradient. This setting is not available for every layout.

  • TITLE ALIGNMENT: Select Left, Center, or Right to control the alignment of supported image titles.

  • DESCRIPTION ALIGNMENT: Select Left, Center, or Right to control the alignment of supported image descriptions.

  • IMAGE BORDER THICKNESS: Controls the thickness of borders around your photographs. Select None to remove borders or choose an available thickness.

  • OPEN FULL SCREEN MODE: Controls whether visitors can open supported photographs in full-screen view. You can enable or disable this feature when the selected Images Block layout supports it.

  • SPACE BETWEEN ITEMS: Controls the spacing between photographs within the Images Block.

  • SPACE BELOW BLOCKS: Adjusts the space between the Images Block and the content beneath it.

  • SPACE INSIDE BLOCKS: Controls the spacing between the content and the outer edges of the Images Block.

Spacing Options

The SPACE BETWEEN ITEMS, SPACE BELOW BLOCKS, and SPACE INSIDE BLOCKS settings allow you to choose how much space appears between your photographs and surrounding content.

Available spacing options include:

  • None: Removes the corresponding spacing.

  • Ultra Thin: Adds minimal spacing.

  • Thin: Adds a small amount of spacing.

  • Medium: Adds moderate spacing.

  • Thick: Adds more spacing.

These options help you create a compact image display or give your photographs more breathing room.

Slideshow Speed

Some Images Block layouts support automatic image transitions.

When available, the SLIDESHOW SPEED setting allows you to choose how quickly photographs advance, with options ranging from 1 to 10 seconds.

This setting appears only for layouts that support automatic slideshow transitions.

For complete instructions, see How to Change Images Block Slideshow Speed.

Mobile View Settings

The MOBILE VIEW setting allows you to control how photographs are arranged on mobile devices when supported by your selected layout.

Available options may include:

  • SHOW 1 COLUMN: Displays photographs in a single column on mobile devices.

  • SHOW 2 COLUMNS: Displays photographs in two columns on mobile devices.

Changing this setting affects the mobile arrangement without changing your desktop layout.

An Images Block displays up to 10 items at a time on mobile devices. The number of photographs initially displayed also depends on your selected layout, row and column settings, and Last Item configuration.

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

Not every Images Block layout supports one- and two-column mobile customization.

For complete instructions and supported layouts, see How to Change the Mobile Layout for Images Blocks.

Color Overlays

Color overlays allow you to place a transparent color over photographs in supported Images Block layouts.

You can customize an overlay using two settings:

  • OVERLAY COLOR: Located under COLORS, this determines the color displayed over the photograph.

  • OVERLAY OPACITY: Located under STYLING, this controls how transparent or solid the overlay appears.

An opacity of 0% makes the overlay completely transparent, while 100% makes it completely solid.

Some layouts require an image title for the overlay to appear.

For complete instructions, see How to Add a Color Overlay to Images in an Images Block.

Full-Screen Image Viewing

The OPEN FULL SCREEN MODE setting determines whether visitors can open your photographs in full-screen view when the selected Images Block layout supports this feature.

  • YES: Enables full-screen viewing for supported images.

  • NO: Disables full-screen viewing.

This setting is useful when you want to control how visitors interact with your photographs.

For example, you might enable full-screen viewing for a portfolio gallery or disable it when you prefer visitors to browse photographs within your website's existing layout.

For complete instructions, see How to Disable Full-Screen View in Images Blocks.

Image Borders

You can add borders around photographs in supported Images Block layouts.

Two settings control the appearance of image borders:

  • IMAGE BORDER THICKNESS: Located under STYLING, this controls the border thickness. Select None to remove the border.

  • BORDER COLOR: Located under COLORS, this determines the color of the border.

Borders can help separate photographs from the background or create a more defined presentation for your images.

For complete instructions, see How to Add Borders Around Images in an Images Block.

Additional Styling Options

Depending on your selected Images Block layout, you may also see a FLUSHING setting that controls how the block uses the available page width.

These options may not be available for every layout.

After making changes to your styling settings, click SAVE CHANGES when that option is displayed.

Your saved styling changes take effect on your live website automatically. You do not need to publish your website separately.

Colors Settings

The COLORS section allows you to customize the colors used throughout your Images Block, including image titles, descriptions, backgrounds, overlays, and links.

Click COLORS in the right-side Images Block settings to access the available color options.

Important: The available color settings vary depending on your selected Images Block layout. Some options may not appear if they are not supported by the layout you're using.

Available Color Settings

Depending on your selected layout, you may see the following options:

  • TITLE COLOR: Changes the color of titles associated with your photographs.

  • TEXT COLOR: Changes the color of image descriptions and other supported text.

  • BACKGROUND COLOR: Changes the background color behind the Images Block.

  • OVERLAY COLOR: Changes the color displayed over photographs when an overlay is supported.

  • LAST ITEM TEXT COLOR: Changes the text color of your Last Item link.

  • LAST ITEM BACKGROUND COLOR: Changes the background color of your Last Item link.

  • BORDER COLOR: Changes the color of borders around images when borders are enabled.

Choosing Your Colors

Each available setting includes a color swatch and a field for entering a HEX color code.

Click the color swatch to choose a color, or enter a HEX code directly into the corresponding field.

If you use specific brand colors, entering their HEX codes can help keep your website's appearance consistent.

For color overlays, you can also adjust OVERLAY OPACITY under STYLING to control how transparent or solid the overlay appears.

For complete instructions, see How to Add a Color Overlay to Images in an Images Block.

After choosing your colors, click SAVE CHANGES to apply them to your Images Block.

Your saved color changes take effect on your live website automatically. You do not need to publish your website separately.

Background Settings

The BACKGROUND section allows you to add a background image behind your Images Block and customize how it appears on your website.

Click BACKGROUND in the right-side Images Block settings to access the available options.

Background Image Options

Under BACKGROUND IMAGE, you can select from three options:

  • No Background: Removes the background image from your Images Block.

  • Custom Background: Allows you to upload your own background image.

  • Background Library: Allows you to select an image from the PhotoBiz background library.

Uploading a Custom Background

If you select Custom Background, you can upload an image from your computer or device.

Supported image formats include JPG and PNG, with maximum dimensions of 3000 pixels wide by 1730 pixels high.

To upload your background image, click ADD FILES and select an image from your device. You can also drag and drop your image into the upload area.

Background Settings

Once you've selected a background image, you can control how it appears using the following options:

  • Tile: Repeats the image to fill the background area.

  • Top Left: Positions the image in the upper-left corner of the background.

  • Centered: Positions the image in the center of the available background space.

  • Cover: Scales the image to cover the entire background area. Portions of the image may be cropped depending on the available space.

Select the option that works best with your background image and Images Block layout.

Helpful Tip: Background images work best when they complement your photographs without distracting from them. If your Images Block includes titles or descriptions, choose a background that keeps the text easy to read.

After making your selections, click SAVE CHANGES to apply your background settings.

Your saved changes take effect on your live website automatically. You do not need to publish your website separately.

Fonts Settings

The FONTS section allows you to customize the typography used for image titles, descriptions, and Last Item links within your Images Block.

Click FONTS in the right-side Images Block settings to access the available font options.

Important: The text elements displayed and available font settings may vary depending on your selected Images Block layout.

Available Font Settings

You can customize the following text elements when supported by your layout:

  • TITLE: Controls the font used for titles associated with your photographs.

  • DESCRIPTION: Controls the font used for image descriptions and captions.

  • LAST ITEM TEXT: Controls the font used for your Last Item link, including load more links and standard links.

Each section displays a preview of the selected font, along with its current size, letter spacing, and line height.

Click the font preview or its settings area to access the available customization options.

Font Customization Options

Depending on the selected text element, you can adjust:

  • Font Family: Choose the typeface used for the text.

  • Font Size: Adjust how large or small the text appears.

  • Letter Spacing: Control the amount of space between individual characters.

  • Line Height: Adjust the vertical space between lines of text.

These settings allow you to create consistent typography throughout your website while giving individual Images Blocks their own appearance.

Helpful Tip: Choose fonts that are easy to read and consistent with your website's overall design. If your image titles or descriptions appear over photographs, make sure the text remains readable against the image or overlay color.

For complete instructions, see How to Change the Fonts on Images Blocks.

Animations

The ANIMATION section allows you to add interactive hover effects to photographs in your Images Block. These effects change how images appear when visitors move their mouse over them.

Click ANIMATION in the right-side Images Block settings to access the available options.

Image Hover Animation Options

Under IMAGE HOVER ANIMATION, you can select from five effects:

  • NONE: Displays your photographs without a hover animation.

  • SCALE: Slightly enlarges photographs when visitors hover over them.

  • BLUR: Applies a blur effect to photographs when visitors hover over them.

  • SCALE BLUR: Combines the scaling and blur effects.

  • BOUNCE: Adds a bouncing motion when visitors hover over photographs.

Select the animation you want to use, then click SAVE CHANGES to apply it to your Images Block.

Global vs. Individual Images Block Animations

PhotoBiz also allows you to configure a global image hover animation that serves as the default for supported images throughout your website.

Your global animation setting is managed under DESIGN → EDIT DESIGN SETTINGS → ANIMATIONS.

You can customize an individual Images Block's animation without changing the global setting or affecting other Images Blocks.

This is useful when you want consistent animations across your website but prefer a different effect for a particular image collection.

For complete instructions, see How to Set the Global Image Hover Animation in PhotoBiz.

What Your Website Visitors See

When visitors hover over photographs in a supported Images Block, the selected animation effect appears.

Hover animations are primarily designed for desktop devices that use a mouse or trackpad. Because phones and tablets use touch interactions, these effects may behave differently on mobile devices.

Helpful Tip: Choose an animation that complements your website's design without distracting from your photography. Select NONE if you prefer images without hover effects.

Image hover animations are separate from slideshow transitions. The ANIMATION section controls how photographs respond to hovering, while SLIDESHOW SPEED under STYLING controls automatic transitions in supported slideshow layouts.

Your saved animation changes take effect on your live website automatically. You do not need to publish your website separately.

Managing Your Images Block

The Images Block includes a management menu that allows you to copy, move, rename, change the layout, adjust advanced settings, or delete the entire block.

To access these options, click the pencil icon in the upper-right corner of your Images Block.

Available Block Management Options

  • COPY: Creates a duplicate of the Images Block directly below the original. You can edit the copied block independently without changing the original. For instructions on copying and reusing blocks, see How to Move or Copy Blocks Between Pages.

  • MOVE: Moves your existing Images Block to another website page or repositions it at the top or bottom of the current page. Moving a block preserves its existing content and settings. For complete instructions, see How to Use the Move Function With Blocks.

  • RENAME: Allows you to give your Images Block a custom name for easier identification in the Website Builder. You can also use block names to create anchor links that direct visitors to a specific section of a website page. For complete instructions, see How to Rename Blocks and Add Anchor Links.

  • CHANGE LAYOUT: Opens the layout selection panel, where you can choose a different arrangement for your photographs without removing the images stored in the block. For additional instructions, see How to Change the Layout of an Images Block.

  • ADVANCED: Opens additional settings for your Images Block.

  • DELETE: Opens the confirmation panel for permanently deleting the entire Images Block.

Deleting an Entire Images Block

Deleting an entire Images Block is different from removing individual photographs.

To remove the block, click the pencil icon in the upper-right corner of your Images Block and select DELETE.

The DELETE BLOCK confirmation panel opens with the message:

ARE YOU SURE YOU WANT TO DELETE THIS BLOCK?

PhotoBiz also displays a warning that the action cannot be undone and that the block and all content within it will be permanently deleted.

You have two options:

  • YES, DELETE IT: Permanently deletes the Images Block and its content from your website page.

  • CANCEL: Closes the confirmation panel without deleting the block.

Important: Deleted Images Blocks cannot be recovered. If you want to reuse photographs later, save copies to your Image Clipboard before deleting the block. You can also upload images again if you still have the original files.

If you only want to remove certain photographs, use the IMAGES settings instead. For instructions, see How to Delete Images from Your PhotoBiz Website.

Using DuoBuild With an Images Block

The Images Block supports DuoBuild, a built-in PhotoBiz Website Builder feature that automatically places two supported blocks side by side. This allows you to create a two-column layout without adding custom code.

To use DuoBuild, click and hold your Images Block, then drag it horizontally over another supported block. When the placement area highlights, release your mouse. The two blocks will appear next to each other.

Blocks That Support DuoBuild

You can use DuoBuild with the following block types:

  • Text Editor Block

  • Text + Image Block

  • Images Block

  • List Block

  • Banner Block

  • Video Block

  • Form Block

  • Button Block

  • HTML Block

DuoBuild does not require a separate page template or setting. Each block retains its own content and customization settings.

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

For additional information, see DuoBuild Introduction.

What Your Website Visitors See

Your Images Block displays photographs on your live website using the layout and customization settings you've selected. How visitors interact with your images depends on the layout and features you've enabled.

Viewing Your Photographs

Visitors can browse your photographs using grids, slideshows, galleries, carousels, collages, and other supported layouts.

Some layouts display multiple images at once, while others allow visitors to navigate between individual photographs using arrows, thumbnails, or automatic slideshow transitions.

Image Titles and Descriptions

Depending on your selected layout, image titles and descriptions may appear below photographs, beside them, over the images, or when visitors hover over them.

Some layouts only display titles or descriptions when an image is opened in a larger view. Not every layout supports all text options.

Image Links

When you add a link to an individual photograph, visitors can click the image to open the destination you've selected.

This allows you to connect photographs to other website pages, services, contact forms, booking information, or other supported destinations.

Full-Screen Image Viewing

When OPEN FULL SCREEN MODE is set to YES, visitors can open photographs in full-screen view if the selected layout supports this feature.

When set to NO, full-screen viewing is disabled.

Loading Additional Images

If you've enabled a LOAD MORE link under LAST ITEM, visitors can click it to display additional photographs without leaving the current website page.

If you've configured a standard Last Item link instead, visitors can click it to open the destination you've selected.

Mobile Experience

The Images Block adapts to smaller screens. Depending on your selected layout and settings, photographs may appear in one or two columns or use another mobile-friendly arrangement.

Some layouts display fewer photographs at a time on mobile devices. Visitors can use available navigation controls or load more links to view additional images.

Hover effects may behave differently on touchscreens because mobile devices do not use traditional mouse interactions.

Helpful Notes

  • Images Block Limit: Each website page allows a combined maximum of 30 Images, Banner, List, Blog, Products, Services, Scheduler, and Client Galleries Blocks. Each block instance counts as one, regardless of how many images it contains.

  • DuoBuild and Block Limits: Placing two supported blocks side by side does not combine their block counts. Each qualifying block counts separately.

  • Changing Layouts: You can change your Images Block layout without removing the photographs stored in it. However, image cropping, text placement, spacing, and the number of initially displayed photographs may change.

  • Image Clipboard: If you want to reuse photographs later, consider saving copies to your Image Clipboard. Deleted images must be uploaded again or reinserted from a previously saved Clipboard copy.

  • Mobile Display Limits: An Images Block displays up to 10 items at a time on mobile devices. The number of visible photographs depends on the selected layout and Last Item settings.

  • Saving Changes: Some settings save automatically, while others require you to click SAVE CHANGES. Saved Website Builder changes take effect on your live website without a separate publishing step.

Troubleshooting and FAQs

Why are some of my photographs being cropped?

Some Images Block layouts use fixed square, portrait, or landscape proportions, which may crop portions of your photographs.

If you want to preserve the original proportions of your images, consider using PINBOARD, STACKABLE, SLIDESHOW, or EDITORIAL CAROUSEL NO CROP.

You can change your layout without removing your photographs.

For instructions, see How to Change the Layout of an Images Block.

Why aren't my image titles or descriptions appearing?

The selected Images Block layout determines how titles and descriptions appear.

Some layouts display text when visitors hover over images, while others show it below or beside photographs. Certain layouts do not support descriptions.

Confirm that you've added the appropriate text to your images and that your selected layout supports displaying it.

Why aren't all my photographs showing?

For supported grid layouts, the selected number of rows and columns determines how many photographs initially appear.

Mobile devices display up to 10 items at a time.

If you have additional images you want visitors to access, consider enabling a LOAD MORE link under LAST ITEM.

For complete instructions, see How to Adjust Last Item and Load More Options in an Images Block.

Why does my mobile website show nine images and a link?

When more than 10 images are available and LINK STYLE is set to Last Grid Item, supported mobile layouts display nine photographs followed by the Last Item link in the tenth position.

You can adjust how your additional images are displayed in the LAST ITEM settings.

Why does my Images Block look different after changing layouts?

Each layout has its own image proportions, spacing, text placement, and available styling options.

After changing layouts, review the STYLING, COLORS, BACKGROUND, FONTS, and ANIMATION settings to customize the block's appearance.

Why can't visitors open my photographs in full-screen view?

Some Images Block layouts do not support full-screen image viewing.

If your selected layout supports this feature, click STYLING and confirm that OPEN FULL SCREEN MODE is set to YES.

For additional instructions, see How to Disable Full-Screen View in Images Blocks.

Why aren't my image animations working on mobile devices?

Image hover animations are primarily designed for devices that use a mouse or trackpad.

Because phones and tablets use touch interactions, these effects may behave differently or may not appear.

Choose a layout that doesn't require visitors to hover over photographs to access important information.

Why can't I find a particular styling option?

Available customization settings depend on the selected Images Block layout.

For example, certain layouts support slideshow speed, mobile column adjustments, or full-screen image viewing, while others do not.

If you don't see a particular option, review your selected layout to determine whether it supports that feature.

Why won't my Images Block connect to another block using DuoBuild?

DuoBuild only works with supported block types.

Confirm that both blocks support DuoBuild, then drag one block horizontally over the other until the placement area highlights.

For additional details, see DuoBuild Introduction.

Want Help Designing Your PhotoBiz Website?

If you'd like professional assistance creating a website that showcases your photography, PhotoBiz offers Custom Website Design.

Our design team can help create a customized website that reflects your brand, highlights your photography, and provides a professional experience for your visitors.

Need Help?

Our PhotoBiz Support Team is happy to help you with your Images Block or answer any questions about your website.

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

Phone: 866.463.7620

Support Channels: Phone, Live Chat, Support Ticket

NEXT: HOW TO USE BANNER BLOCKS
Previous Post Next Post

Related Posts

How to Adjust Load More Options in an Images Block

July 20, 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

September 8, 2026

CLOSE