How to Use Images Blocks in the Zibster Website Builder
Overview
The Images Block allows you to showcase photographs throughout your Zibster 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 images, remove photographs, 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 Zibster 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 a Blank Images Block or one of the available predesigned Images Blocks.
-
Blank: Adds an empty Images Block that uses your website's global design settings. You can customize its layout and appearance after adding your images.
-
Images 1–13: These predesigned Images Blocks provide 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 without removing the images you've added.
For additional instructions, see How to Change the Layout of an Image Block.
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 Zibster 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 may contain sample photographs. You can replace these with your own images or remove images you do not want to use.
You can also 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.
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 photographs 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 to place it in the new location.
You can also select multiple photographs and move them together. Selected images are highlighted in the image management panel, allowing you to rearrange several photographs at once.
If your Images Block contains multiple numbered pages of photographs, you can drag images between those pages to change their display order.
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 Zibster Control Panel.
Removing Images
You can remove individual photographs or multiple images from your Images Block without deleting the entire 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 from your Images Block.
-
CANCEL: Closes the confirmation panel without removing your photographs.
Important: Deleting images is permanent and cannot be undone. If you want to use a deleted photograph again, you will need to upload it from your device or select a previously saved copy from your Image Clipboard.
If you want to reuse your photographs elsewhere on your website, consider saving copies to your Image Clipboard before deleting them.
See How To Delete Images from my Zibster Website for complete instructions.
Using the Image Clipboard
The Image Clipboard allows you to save and reuse photographs throughout supported areas of your Zibster 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 your 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 more information, see How Do I Use the Image Clipboard Tool?
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 search engines and visitors using screen readers.
-
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 additional instructions, see How To Add Titles & Captions To Images, How to Add Alt Text to Images in Your Zibster Website and How to Use the Link Picker in Zibster.
Accessibility Tip: Write meaningful alt text that describes the photograph's important content or purpose. Avoid adding unrelated keywords or beginning every description with unnecessary phrases such as "image of."
Customizing Your Images Block
The settings menu along the right side of your Images Block provides access to the tools you need to manage your photographs and customize how they appear on your website.
Click any of the following settings to open its options in the right-side panel:
-
IMAGES: Upload new images, select photographs from your Image Clipboard or stock image library, rearrange photographs, edit image information, or remove images.
-
LAST ITEM: Add a Load More link to display additional photographs or a standard link that directs visitors to another destination.
-
LAYOUT: Change how your photographs are arranged using grids, galleries, slideshows, carousels, collages, and other available layouts.
-
STYLING: Adjust image spacing, overlays, borders, full-screen viewing, slideshow speed, and mobile display settings when supported by your layout.
-
COLORS: Customize the colors used for image titles, descriptions, overlays, backgrounds, links, and borders.
-
BACKGROUND: Add a custom background image or select one from the Zibster background library.
-
FONTS: Customize the font family, size, letter spacing, and line height for supported image titles, descriptions, and Last Item links.
-
ANIMATION: Apply hover effects such as scaling, blurring, or bouncing to photographs in supported layouts.
Each Images Block has its own customization settings, allowing you to adjust its appearance without changing other Images Blocks on your website.
Important: Available settings depend on the layout you select. Some customization options may not appear or may behave differently depending on the Images Block layout you're using.
The following sections explain each customization option in more detail.
LAST ITEM
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.
Click LAST ITEM in the right-side Images Block settings to open the DISPLAY LAST ITEM LINK options.
You can choose from the following:
-
None: Displays your photographs without an additional link.
-
Yes, as a "load more link": Adds a link that visitors can click to load another set of photographs directly on the current website page.
-
Yes, as a "standard link": Adds a link that directs visitors to another page or supported destination.
Customizing Your Last Item Link
When you enable a Last Item link, additional settings appear based on your selection and the Images Block layout you're using.
Available options may include:
-
LINK TEXT: Enter the text visitors will see, such as "Load More," "View More Photos," or "Explore Our Work."
-
LINK STYLE: Choose how your link appears. Depending on the layout, options may include Button, Text Only, or Last Grid Item.
-
LINK DESTINATION: When using a standard link, choose where visitors go when they click it.
The Last Grid Item style places your link in the final position of supported image grids. This option is not available for the PINBOARD layout.
After configuring your link, click SAVE CHANGES to apply your settings.
Important: The available Last Item settings vary depending on your selected Images Block layout. Some layouts may not support every link style or display option.
For complete instructions, see How to Adjust Last Item and Load More Options in an Images Block.
Changing Your Images Block Layout
You can change how photographs appear in your Images Block at any time without removing the images you've already added.
Click LAYOUT in the Images Block settings to open the layout selection panel.
The panel displays your CURRENT LAYOUT at the top, followed by the available layouts and their preview images.
Browse the available designs to choose how your photographs appear. Zibster offers grid, editorial, collage, slideshow, gallery, carousel, card, and accordion gallery layouts.
Depending on the layout you select, you may also have options to adjust:
-
ROWS: Controls the number of rows of photographs displayed in supported layouts.
-
COLUMNS: Controls how many photographs appear across each row in supported layouts.
-
SETS: Controls how many groups of photographs initially appear in supported collage layouts.
Click SAVE beneath the layout you want to apply.
You can also use the left and right arrows beside the current layout name on your Images Block to quickly switch between available layouts. Changes made using these arrows are applied automatically.
Important: Changing your Images Block layout does not remove your photographs. However, different layouts may change how photographs are cropped, how titles and descriptions appear, and how many images visitors initially see.
For complete instructions, see How to Change the Layout of an Image Block.
Images Block Layout Options
Zibster offers a variety of layouts for showcasing your photographs.
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 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 projects, 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 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.
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.
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: The styling options available 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 setting 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.
-
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
-
Ultra Thin
-
Thin
-
Medium
-
Thick
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.
See How To Change Image Block Slideshow Speed for complete instructions.
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.
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 Image Blocks.
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 an Image Block on Your Zibster Website.
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 To Your Images on your Zibster Website.
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.
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 Zibster 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
-
Font Size
-
Letter Spacing
-
Line Height
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.
See How To Change Image Block Fonts for complete instructions.
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
Zibster 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.
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 photographs. 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 in Your Zibster Website.
-
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 an Anchor Link to Your Website.
-
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 Image 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?
Zibster 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.
Using DuoBuild With an Images Block
The Images Block supports DuoBuild, a built-in Zibster 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.
On smaller screens, the two DuoBuild blocks automatically stack vertically. The block displayed on the left appears first, followed by the block displayed on the right.
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 How to Use DuoBuild in the Zibster Website Builder.
Helpful Notes
-
Images Block Limit: Each website page allows a combined maximum of 30 Images, Banner, List, Blog, Products, Services, Scheduler, and Mood Boards 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.
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.
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.
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 How to Use DuoBuild in the Zibster Website Builder.
Want Help Designing Your Zibster Website?
If you'd like professional assistance creating a website that showcases your work, Zibster offers Custom Website Design.
Our design team can help create a customized website that reflects your brand, highlights your work, and provides a professional experience for your visitors.
Need Help?
Our Zibster 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: 844.353.3412
Support Channels: Phone, Live Chat, Support Ticket
