Project page image size and placement

Topic summary

Goal: Replicate a reference product page layout (9:16 images, gallery and info panel widths/placement) from brooke­callahan.com on a Shopify store.

Actions taken: Helpers advised adding custom code at the bottom of theme.liquid (the main layout file), just before . This produced a layout close to the reference (per shared output screenshot link).

Issue encountered: The media container still showed grey lines/a box around images, suggesting container width or wrapping issues. The OP asked how to make the container wrap the content.

Further attempts: Another helper suggested additional code (also in theme.liquid before ), but the issue persisted. Helpers requested the correct storefront password to inspect the live site.

Outcome: The OP later confirmed they managed to fix the container width issue themselves. No final code or specific fix was shared.

Status: Resolved by the OP; no outstanding questions.

Notes: Screenshots and links were central to understanding the layout changes. A late comment included a promotional link to resource management tools, which did not affect the solution.

Summarized with AI on December 18. AI used: gpt-5.

Anyone any ideas how to make the container wrap the content?