Logo Grid Block

Description

As the title suggests, the Logo Grid Block displays tidy grid of Image Blocks for presenting logos. This is the go-to block for areas like partners, funders, ‘as seen in’ media logos, or integrations.

Screenshots

Settings

Logo Grid Layout Settings

Grid Columns Number

The setting allows you to set the number of columns, between 1 and 6. This is how many logos will appear across the page on any row.

Padding

This setting allows you to customize the spacing between grid elements (ie. logos), using the Measurement Unit rem.

Grid Spacing

This numeric value controls the spacing between all logos in the grid.

Align & Justify

Position the grid within the Row and Column. Choose from Start, Centre, and End to align and justify your grid(s), plus either Stretch (align) or Space Between (justify) options.

Logo Block Layout Settings

Block Padding

These top, right, bottom and left sliders from 0 to 12 control the amount of interior space there is between the edges of the logo grid and its contents. More about Padding.

Align & Justify Block Contents

Position the logos within the grid itself. Choose from Start, Centre, and End, plus either Stretch (align) or Space Between (justify) options.

Block Background Colour

This setting allows you to select a background colour for the grid from your palette(s), as configured in Foundry > Global Styles.

Borders

These settings allow you to create and customize borders around the logos within your grid. Settings will be applied to all logos in the grid at once.

• Border Side indicates which side you want to have a border
• Width is the width of the border
• Border Style gives you options (solid, dotted, and dashed) to surround each logo
• Border Colour allows you to customize the border from your palette(s), as configured in Foundry > Global Styles
• Border Radius rounds the edges of your border around each logo
• Box Shadow _____