Make the image card full width on any page section. This plugin uses css editor and works with Squarespace 7.1.

Add an Image Card to any page section. Make sure the Image Card is by itself in this section – do not add any additional blocks.

Set the page section’s format settings to the following:

• Section Height: 10

• Content Width: Large

• Content Alignment: Middle

Once the page is saved, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

Next, you’ll need to locate the page section’s ID. Use this free Google Chrome Extension to find this ID.

Replace [data-section-id="012345"] with the page section’s ID. This will make the page section full width, resulting in the Image Card Block being full width as well.

Full Width Image Card - Text Padding: Adjust the padding value to add spacing around the text content. This is helpful for mobile so the text itself doesn’t go full width.