No results found. Try again with different words?

Search must be at least 3 characters.

Image Gallery

Spectra’s Image Gallery Block allows you to create beautiful and engaging photo galleries on your WordPress website.

This guide will show you how to use this block, transforming your static images into dynamic visual experiences for your visitors.

How to Create an Image Gallery

Before getting started, make sure you have installed and activated Spectra plugin on your WordPress site. Then, you can add the image gallery block to a post or a page.

To insert the image gallery block, click the Toggle block inserter + icon and search for the image gallery block.

Once you insert the block, you can see the ‘Select Images‘ option. You can upload images from your computer or select already uploaded images from the media library.

What are the Image Gallery Block General Settings

Now, let us look deeper into the various customization options this block offers, allowing you to design your galleries to perfectly match your vision.


The image gallery block offers more customization options. You can see different layouts: Grid, Masonry, Carousel, and Tiles.

  • Grid Layout: Using this layout, you can showcase your photos in neat rows and columns, offering a clean and organized look. You can control the number of columns displayed to perfectly accommodate your images.
  • Masonry Layout: Images of varying sizes are displayed in a Pinterest-like fashion, creating a visually dynamic and captivating presentation for your photos.
  • Carousel Layout: Showcase your photos in a dynamic slideshow format. Visitors can easily navigate through the images using arrow controls, ideal for showcasing product collections or event highlights.
  • Tiles Layout: Present your photos with a modern twist using the tiles layout. Images are displayed in a grid with various sizes and shapes.

You can also set the number of columns (the number of images you want to display in a row) here. Also, you can edit the gallery by clicking the ‘Edit Gallery‘ option.


You can notice the toggle button for the caption here. Once you enable the captions, you can set the type as Overlay or Bar Over Image. Also, you can set the captions to be visible always or show/ hide on hover.

How to Style an Image Gallery Block

Beyond selecting photos, you can look into the “Styling” section to customize the look and feel of your galleries.


You can find an option to enable the image hover zoom option and can set the type to Zoom In or Zoom Out. Also, you can set the border around images, border width, and radius. Also, you can see the Typography options for Captions, Spacing, and box shadow options.


Captions provide context and information for your photos. Here’s how to style them:

  • Text Color: Define the color of your caption text. Choose a color that complements your images and website design.
  • Bar Color (Optional): If using the “Bar Over Image” caption style, you can set the background color of the caption bar.

Box Shadow:

You can add a touch of depth with box shadow. This creates a subtle 3D effect around your gallery container.

By using these styling options within Spectra’s Image Gallery Block, you can transform your photo collections into visually captivating assets that elevate your website’s overall look.

Was this article helpful?

Did not find a solution? We are here to help you succeed.

Related Docs
Build Ultra High Performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.