Managing your media

Using the Pro Gallery

Wix Pro Gallery: Changing the Spacing Between Gallery Items

Customize the layout of your gallery further by increasing or decreasing the amount of space between each image. You may want to display your gallery items close together, or space them out so that site visitors can focus more easily on one photo at a time.

Screenshot of Editor showing how spacing between gallery items can look, with Spacing option in Layout tab highlighted.

Changing the spacing between gallery items

You can change the spacing between gallery items from the Layout tab of the Settings panel. Customize how close together or far apart you want to display your images.

Wix Editor

Go to your editor.
Click the pro gallery on your page.
Click Settings.
Click the Layout tab.
Choose a layout.
Click Customize Layout.
Scroll down to the Design Settings.
Drag the Spacing slider to increase or decrease the amount of spacing between images.

Screenshot of Layout tab with Spacing slider highlighted.

Studio Editor

Go to your editor.
Click the pro gallery on your page.
Click Settings.
Click the Layout tab.
Choose a layout.
Click Customize Layout.
Scroll down to the Design Settings.
Drag the Spacing slider to increase or decrease the amount of spacing between images.

Note:

You cannot change the spacing for Slideshow galleries.

Troubleshooting spacing issues

If there are not enough images or the thumbnails are too small to fill the entire frame of the gallery, you may see an empty space. You have a number of options to resolve this issue, depending on the gallery layout you have chosen.

Click an option below to learn more:

Add more media

Fill the empty space in your gallery by adding more media.

Change the gallery's layout

Choose a different layout for your gallery to remove the empty space.

Adjust the thumbnail size, image per column or collage density

By adjusting the design settings of your gallery's layout, you can remove empty space.

Note: Available design settings depend on the layout you choose.

To change the design settings of your layout:

Go to your editor.
Click the pro gallery on your page.
Click Settings.
Click Layout and then Customize Layout.
Scroll down to Design Settings and drag the relevant slider:
- Thumbnail size: Adjusts the size of your gallery's thumbnails.
- Image per column: Changes how many images are shown per column.
- Collage density: Allows you to fit fewer or more images within your gallery's proportions.

Need A Professional Website?
Contact Us Today!

I'm a paragraph. I'm connected