Making standard images on custom page as wide as global page width - Craft theme

Store Design
,

Topic summary

A user needed help making images on a custom page template extend to the full page width (1500px) in the Craft theme, specifically for a “lettering” page on desktop only. By default, the theme displayed images at a smaller size.

Solution provided:

  • Add custom CSS code to the theme’s custom.css file
  • The CSS targets the specific template section and sets max-width: 70%
  • Path: Online Store > Themes > Edit code > Assets > custom.css

Outcome:
The solution successfully resolved the issue. The user confirmed the CSS code worked as intended.

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

Hello,

Desperately seeking some help. I have a custom page template that shows a stack of multiple images. The default settings in my themes has images small, I want these images just for this “lettering” page to be as wide as my page width (I have that set at 1500 in theme settings). These edits are for desktop only.

I attached some mockups for reference. If anyone can help, this would be greatly appreciated. Thank you so much.

Website: https://e9265d.myshopify.com/?key=d88e17ad54ed4ec90566cb82dc4ca7930348255a00db61fd575c4a4868e1e5cf&preview_theme_id=

Screenshot 2023-12-08 at 2.55.51 AM.jpg
Screenshot 2023-12-08 at 2.55.51 AM.jpg7047×2686 959 KB

2

Hi,

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css

.section-template--16640165904547__main-padding { max-width: 70%; }
1 Like
3

Worked great, you got skills! Thank you so much, really appreciate you helping me out.