Leave this field empty
May 21, 2025
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 Image Blocks in PhotoBiz
Adding images throughout your site is a powerful way to showcase your brand, tell your story, and create visual interest for your visitors. Here's how to add and customize image blocks on your PhotoBiz website.
STEP ONE
LOG INTO YOUR ACCOUNT
Log into your PhotoBiz account and click WEBSITE from the menu on the left.
STEP TWO
CHOOSE A PAGE
Click on the name of the page where you’d like to add images—or create a new page.
There are two ways to add an image block:
- Quick Add: Click the Image icon on the right side of the screen. The image block will be added to the bottom of your page.
- Drag & Drop: Hover over the Image icon, click and hold, then drag it to your preferred spot. Release when a teal line appears. You can always move the block later by dragging it up or down.
STEP THREE
CHOOSE YOUR BLOCK STYLE
You’ll have two options:
- Blank Block: Customize the layout and design from scratch using your global style settings.
- Pre-designed Block: Choose from professionally styled layouts with custom designs ready to go.
Click the Select button under your preferred image block design.
STEP FOUR
ADD & MANAGE IMAGES
Once the block is added, you’ll be in the Images section where you can upload and organize your photos.
If you selected a pre-designed block, stock images will appear in your layout. You can:
- Keep the stock images
- Remove them by dragging them to the Delete button
To add your own images, choose one of the following options:
- UPLOAD – Add new images from your device
- CLIPBOARD – Use images you’ve previously uploaded
- STOCK IMAGES – Browse royalty-free stock photos
Once your images are added, you’ll see them in the right panel. You can:
STYLING OPTIONS FOR YOUR IMAGE BLOCK
LAST ITEM LINK
Use this to turn the last image in your block into a clickable link or “Load More” feature. This is particular useful if you have many images uploaded OR if you have more images than the number of rows and columns that are available in your page layout and you want visitors to be able to view the additional images.
Link options include:
You can also customize the button text for this item.
IMAGE BLOCK LAYOUT OPTIONS
Choose from 27 layout styles to control how your images display. Here are some popular ones:
- Square / Portrait / Landscape – Grid-based with hover titles/descriptions
- Editorial (Circle, Square, Portrait, Landscape) – Titles/descriptions shown below the image
- Pinboard – Preserves original image dimensions in a grid
- Collage 4/5/6 – Cropped, framed sets that repeat depending on how many images you upload
- Modern (Square, Portrait, Landscape) – Titles display as cut-outs; descriptions not supported
- Stack Mini / Stackable – Full-width stacked images
- Gallery – One large image with tile previews and navigation
- Slideshow – Auto-playing image rotation
- Carousel / Carousel Slideshow – Horizontal scroll, with or without autoplay
- Editorial & Gallery Collage 3 & 4 – Designer-style layouts with overlapping, modern elements
Click Save under the layout you want to use.
STYLING OPTIONS
Styling controls may vary depending on your chosen layout. You can override your site’s global styles for more control:
-
Overlay Opacity
-
Title & Description Alignment
-
Image Border Thickness
-
Spacing:
-
Between items
-
Below blocks
-
Inside blocks
-
Flushing: Choose full-width or centered
-
Mobile View: Show 1 or 2 columns
👉 Click "Save Changes" to apply your updates.
COLORS
You can override your website’s global color settings for your Image block. The options in the Colors section can vary depending on the layout you've selected. Color options can include:
- Title Color - image title font color
- Text Color - image description font color
- Background Color - background color for image block.
- Overlay Color - color for image overlay
- Last Item Text Color - last item link font color
- Last Item Background Color - last item link background color
- Border Color - image border color
Click save changes to apply.
BACKGROUND
Add a background image behind your image block. Choose from:
Background Display Settings:
- Top Left – Anchors image in top left
- Cover – Scales image to fill background
Click Save Changes to apply.
FONTS
You can easily customize the fonts you're using on your image blocks to override your global font settings. You can change the font, font size, letter spacing (kerning), and line height for any of the following items in your banners:
Click on Save Changes at the bottom of the control panel menu to apply your changes.
ANIMATIONS
Choose hover animations for your images:
👉 Don’t forget to click Save Changes to apply your animation!
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.
Tags:
Web Pages,
Upload & Clipboard Images,
Design,
Images,
Image Block,
Image Clipboard,
Blocks,
Image Blocks,
Image,
Image Size,
Website Builder,
Animation