How To Change Client Galleries Block Layout

How to Change the Layout of a Client Galleries Block in PhotoBiz

Overview

The Client Galleries Block allows you to display Client Gallery events directly on your PhotoBiz website. You can choose from eight different layouts to customize the shape of your event images, where event information appears, and how visitors browse your galleries.

PhotoBiz offers Modern, Editorial, and Gallery layouts to help you create a design that complements your photography and website. You can change the layout through the block settings, use the block's editing menu, or quickly switch between layouts using the navigation arrows in your Website Builder.

This guide explains how to change your Client Galleries Block layout, compare the available designs, and adjust the display for desktop and mobile visitors.

STEP ONE

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

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

STEP TWO

Open the website page containing the Client Galleries Block you want to customize.

Find the Client Galleries Block on your page. The name of its current layout appears in the upper-right corner of the block, alongside navigation arrows and a pencil icon.

If you haven't added a Client Galleries Block yet, see our guide on How to Add and Customize a Client Galleries Block before continuing.

STEP THREE

Click your Client Galleries Block to open its settings, then click CHANGE LAYOUT.

The layout settings panel opens on the right side of your Website Builder and automatically scrolls to your currently selected layout.

Your active layout is outlined in blue, making it easy to identify which design your website is currently using.

STEP FOUR

At the top of the panel, the CURRENT LAYOUT section displays the name of your selected layout along with its configured rows and columns, when applicable.

You can scroll through the panel to review all eight available layouts. Each option includes a sample image showing how the design displays Client Gallery events.

You can also access these settings by clicking the pencil icon in the upper-right corner of your Client Galleries Block and clicking change layout from the editing menu.

Both methods open the same layout selection panel.

STEP FIVE

PhotoBiz provides eight layouts organized into three design styles: Modern, Editorial, and Gallery.

Select the layout that best complements your photography and the overall design of your website.

Modern Layouts

Modern layouts display event information over the event images. These designs emphasize your photography while keeping event details integrated into the images.

Modern Square: Displays square-cropped event images with event information over the images.
Modern Portrait: Displays vertically cropped event images with event information over the images.
Modern Landscape: Displays horizontally cropped event images with event information over the images.

Modern layouts are a good choice for creating a visually engaging gallery directory with event titles displayed directly over your photography.

Editorial Layouts

Editorial layouts display event information below each image, creating a clean presentation that separates your photography from event details.

Editorial Circle: Displays circular event images with event information below each image.
Editorial Square: Displays square event images with event information below each image.
Editorial Landscape: Displays horizontal event images with event information below each image.
Editorial Portrait: Displays vertical event images with event information below each image.

Editorial layouts are useful when you want event titles and expiration dates displayed separately from your photographs.

Gallery Layout

Gallery: Highlights one main Client Gallery event with additional event tiles and navigation arrows.

The Gallery layout provides a different browsing experience from traditional event grids. It emphasizes a main event while allowing visitors to browse additional events using navigation controls.

Helpful Tip: Consider the orientation of your event images when selecting a layout. Portrait photographs generally work well with Portrait layouts, while wider photographs may be better suited for Landscape layouts. Square and Circle layouts crop images to fit their respective shapes.

STEP SIX

Adjust the Rows and Columns

After selecting a Modern or Editorial layout, review the available Rows and Columns settings.

These settings control how your Client Gallery events are arranged within the block.

Rows determines how many rows of events appear, while Columns determines how many events appear side by side.

For example, selecting two rows and three columns creates a grid with space for six Client Gallery events.

All seven Modern and Editorial layouts include Rows and Columns settings, allowing you to customize the event grid for each design.

The Gallery layout does not include Rows and Columns settings because it uses a different arrangement that highlights a main event with additional event tiles and navigation controls.

Choose a configuration that provides enough space for your photographs and makes your events easy to browse.

FINAL STEP

Save Your Client Galleries Layout

After selecting your preferred layout and adjusting the available rows and columns, click SAVE CHANGES.

Your new Client Galleries Block layout is automatically applied to your live website. You do not need to publish your website separately.

Review your page to make sure the event images, titles, and navigation controls appear as expected.

You can return to the layout settings whenever you want to try a different design.

Alternative Method: Quickly Switch Layouts Using the Navigation Arrows

PhotoBiz also allows you to change your Client Galleries Block layout directly from the Website Builder without opening the layout settings.

At the upper-right corner of your Client Galleries Block, you'll see the name of the currently selected layout with a left and right arrow on either side.

Click the left arrow or right arrow to cycle through the available layouts.

As you click through the options, your Client Galleries Block updates to display the selected layout.

Important: Each layout change made using these arrows is automatically saved and applied to your live website. The arrows are not a temporary preview feature, and you do not need to click SAVE CHANGES afterward.

The last layout you select will remain active on your website until you change it again.

This is a convenient way to compare different layouts directly in your Website Builder.

Last Item Link

The LAST ITEM section controls whether an additional link appears at the end of your Client Galleries Block. This allows visitors to load more Client Gallery events or navigate to another destination.

Under DISPLAY LAST ITEM LINK, you can select from three options:

None: Does not display an additional link.
Yes, as a "load more link": Allows visitors to load another set of Client Gallery events on the same page. You can customize the LINK TEXT visitors see.
Yes, as a "standard link": Adds a custom link that directs visitors to another website page or supported destination.

After making your selection, click SAVE CHANGES.

For detailed instructions on configuring these options, see How to Enable the Last Item Link.

Layout Options

The Client Galleries Block includes eight layout styles:

Modern Square: Displays square-cropped images with event details over the images.
Modern Portrait: Displays vertically cropped images with event details over the images.
Modern Landscape: Displays horizontally cropped images with event details over the images.
Editorial Circle: Displays circular images with event details below each image.
Editorial Square: Displays square images with event details below each image.
Editorial Landscape: Displays horizontal images with event details below each image.
Editorial Portrait: Displays vertical images with event details below each image.
Gallery: Highlights one main event with additional event tiles and navigation arrows.

Modern layouts work well when you want event information displayed over the images. Editorial layouts place the information below each image for a clean, magazine-style presentation.

The Gallery layout emphasizes one event at a time and allows visitors to browse additional events using the navigation controls.

You can also adjust the number of rows and columns to control how many events appear in the block.

Styling Options

Use the Styling section to adjust the block’s appearance and spacing.

Available settings include:

Overlay opacity
Title and description alignment
Image border thickness
Spacing between items
Spacing above, below, and inside the block
Flushing
Mobile layout with one or two columns

Flushing controls whether the block extends across the available page width or remains aligned with the main website content.

Colors

Use the Colors section to override your website’s global colors for the Client Galleries Block.

Depending on the selected layout, you can customize:

Event title color
Text color
Background color
Overlay color
Last item text color
Last item background color
Border color

Check the block in desktop and mobile preview modes after changing colors. Make sure event titles, dates, and links remain easy to read against the images and background.

Backgrounds

You can add a background behind the Client Galleries Block by uploading your own image or selecting one from the Background Library.

Background display options include:

Tile: Repeats the image across the background.
Top Left: Positions the image in the top-left corner.
Centered: Centers the image within the block.
Cover: Enlarges the image to fill the available background area.

Choose a background that keeps event titles, dates, and other text easy to read.

Fonts

Use the Fonts section to customize the typography for the Client Galleries Block without changing the fonts used throughout the rest of your website.

Available font settings include:

Font style
Font size
Letter spacing
Line height

You can apply these settings to:

Event titles
Event dates
Last item text

Use fonts and sizes that remain easy to read on desktop and mobile devices.

Animations

Image Hover Animations add movement when a visitor places a cursor over an event image.

Available options include:

None
Scale
Blur
Scale + Blur
Bounce

Hover animations are primarily visible on desktop devices. Mobile visitors do not have the same cursor-based interaction.

Using Multiple Event Categories

Each Client Galleries Block displays one selected event category. If you photograph different session types, such as weddings, seniors, families, or newborns, you can add a separate block for each category.

You can add up to 30 Client Galleries Blocks to a single website page. Because each block displays one category, you can showcase up to 30 different Client Gallery event categories on the same page.

For the best browsing experience, consider dividing a large number of categories across multiple pages. This can make your website easier to navigate and prevent the page from becoming unnecessarily long.

Mobile Display Tips

Many clients will open their galleries from a phone or tablet. Use the Website Builder’s mobile preview to check the block before sharing the page.

Confirm that:

Event titles are easy to read.
Important parts of each image are not cropped.
Links and navigation controls are easy to select.
The selected one-column or two-column layout provides enough space.
Text remains readable against image overlays and backgrounds.

You may need to adjust the layout, text size, spacing, or mobile columns to improve the display on smaller screens.

Other Ways to Share Client Gallery Events

The Client Galleries Block allows you to create a page on your website where visitors can view and open your Client Gallery events.

You can also share access to individual events using:

Email Invitations (Recommended)
Direct Links
Social Media
A QR code

For instructions, see How Can I Share Client Gallery Events with My Customers?.

Troubleshooting Event Order Issues

Events in the Client Galleries Block normally follow the order saved in the Client Galleries Dashboard.

If the events appear out of order on your website, click CLIENT GALLERIES in the left-side menu and open the EVENTS section. Drag the first event into the second position and release it. Then drag that event back into the first position and release it again.

This resaves the event order. Return to the website page and refresh it. The Client Galleries Block should now display the events in the correct order.

Need Help?

Our Passionate Support Team is here for you!

Call us at 866.463.7620
Chat with us inside your PhotoBiz dashboard
Monday–Friday, 9:00 AM – 6:00 PM EST

Previous Post Next Post

How To Use Client Gallery Blocks

October 14, 2026

How To Use Gift Card Blocks

October 9, 2026

What image size can I upload?

June 3, 2026

How To Use Text + Image Blocks