Hi!
For a product template I got a custom liquid field for product description, so it can be shown at the bottom.
The issue is that its to wide (100% of the screen). How can i limit it to 1600 or 1200 px? Can i add some code into the Custom Liquid section?
Topic summary
Main issue: In Shopify’s Dawn theme, a product template uses a Custom Liquid section for the description that spans the full width; the goal is to constrain it to about 1200–1600 px.
Proposed fix: Add CSS targeting .spaced-section with left/right padding (50px) and place it in the theme’s stylesheet. The initial direction referenced theme.scss.liquid, but in Dawn the correct file is base.css.
Context: The site URL was shared to enable tailored CSS guidance. No exact max-width rule was provided; the suggestion focused on padding rather than a fixed container width.
Latest development: A participant reports the padding-based solution causes pages to look odd on mobile, asking for alternative suggestions or adjustments.
Status: No agreed solution achieving a constrained, responsive width is confirmed. Discussion remains open, with a need for mobile-friendly CSS that limits section width without breaking page layout.
Key terms: Dawn (Shopify’s default theme), Custom Liquid (a section allowing Liquid code), base.css (theme stylesheet).
hi, @RubberDuck44 kindly apply 100% width and share the page URL so I can send you CSS of 1600px to be applied on it!
payffe
Apply this in assets then theme.scss.liquid at the bottom
.spaced-section {
padding-left:50px;
padding-right:50px;
}
1 Like
There is no theme.css.liquid in Assets for the Dawn theme. May it be anywhere else?
1 Like
Yes in base.css
1 Like
I’m having issues with this solution making Pages look odd on mobile. Any suggestions?