Skip to content
  • There are no suggestions because the search field is empty.

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_d2-1572877644-modified
Written by: Jay Douglas
Last updated: 25 Nov., 2025		  

Many B12 section layouts let you control how many items appear in each row. This helps you create the look you want, whether you prefer wider images, tighter grids, or more items visible at once.

Adjusting the number of columns

1. Click the sparkle-ai sparkle icon on the section you want to update, then click Edit section.

This applies to any collection of items, such as a Photo Gallery, Video Gallery, Services or Products overview, or a Team members section.

 

Screenshot 2025-03-11 at 12-33-19 PM-png

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

3. Open the Columns dropdown and select the number of columns you want to display.


4. Your collection will update right away to show your items in the new layout. For example, a gallery with three columns will change to four columns if you select four.

​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

  • If a row has fewer items than the number of columns you selected, you can adjust their position. Click Alignment, then choose a Component grid alignment option.