Change Image Template Width: Studio Template

Store Design
,

AI-generated summary

Goal: Make images span full width (edge-to-edge) across all sections in the Studio theme without changing templates.

Proposed fix:

  • Edit the Shopify theme files: Online Store → Edit Code → open theme.liquid.
  • Insert a custom snippet just above the closing tag to enable full-bleed images.
  • A screenshot illustrating the result was provided. The exact code contents are not visible in this transcript.

Outcome:

  • The original poster confirmed the change “worked perfectly,” achieving full-width imagery sitewide.

Notes:

  • theme.liquid is the main layout file in Shopify themes; adding code before applies sitewide.
  • An attached image is central to visualizing the outcome, and the specific code snippet (likely CSS/JS) is essential but not shown here.

Status:

  • Resolved. No further questions or open issues were raised.
1

Hello All,

I currently am enjoying my template (Studio), so I am not lookling to do a full template swap.

But the images do not run to the edge of the page in any section of the site.

I would like to make the site more cohesive and allow the images to hit the full edge of the page.

My website is www.aug11.co.

Any input would be greatly appreciated.

Thank you

2

Hi @johnnysays

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

Result:

theycallmemakka_0-1711651329425.png
theycallmemakka_0-1711651329425.png1895×879 174 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

3

This worked perfectly!

Thank you so much!