All Collections
Using the B12 Editor
Editing Media & Galleries
Changing the number of columns displayed in a gallery or collection
Changing the number of columns displayed in a gallery or collection

Collection items like photos, products, services, team members, and resources can be displayed in a grid with a set number of columns.

Jay Douglas avatar
Written by Jay Douglas
Updated over a week ago

Many section layouts that display a collection of items can be adjusted to show more or less items on each row. Follow these instructions to change the number of columns in your photo gallery or other collection.

1. Edit the section containing your collection.

This can be any group of items, such as a Photo or Video gallery, Services or Products overview, or Team members section.

2. In the left pane, click Grid & dimensions.

3. Click the Columns dropdown and choose the desired number of columns for your collection.

4. Your collection grid will adjust to display your items in the desired number of columns.
โ€‹Note: Most layouts automatically display collections in a single column on mobile devices for the best browsing experience.

Tips:

  • Choose Flex to display all items in one row on larger screens.

  • To adjust the position of items in rows with less items than the number of columns (example 2 photos on a row in a 3 column gallery), click Alignment, then choose a Component grid alignment setting.

Did this answer your question?