How can I fix the width and gap in multirow images?

Topic summary

A user seeks help adjusting two CSS styling issues in their Shopify store’s multi-column image layout:

Problems identified:

  • Width of the full multi-column section needs fixing
  • Gap exists between photos and text that requires adjustment

The user provided a screenshot showing the current layout issue on their Grace and Glamour store.

Proposed solution:
Another participant suggested adding custom CSS code by:

  1. Navigating to theme’s “Edit Code” option
  2. Locating the “theme.liquid” file via search
  3. Pasting specific code below the <head> tag

A reference screenshot was shared showing where to insert the code. The discussion remains open as the original poster has not confirmed whether the solution resolved their styling issues.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.

Hey could anyone tell me how to 1) fix the width of the full multi-column and 2) the gap in between the photo and the text?

https://grace-and-glamour-sk.myshopify.com/

Hey @vgodenir

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.