Actual collection page with the custom liquid section is www.thesterileguy.com/collections/crcst-essentials
Topic summary
A user with the Craft theme created a custom collection page section using Page Crafter. The custom liquid section displays correctly but extends edge-to-edge without left/right margins or padding.
Issue: The custom section lacks side padding and needs max-width constraints to match the rest of the page layout.
Solution provided:
- Navigate to Online Store > Themes > Assets folder
- Open the main CSS file (main.css, base.css, style.css, or theme.css)
- Add CSS targeting the specific custom liquid section class
- Apply
max-width: 100%and appropriate padding
Key consideration: The responder noted that individual sections may need to be targeted one-by-one rather than applying max-width globally to all elements. They requested clarification on whether all sections should have max-width or only specific divs need margin adjustments.
The discussion includes a screenshot showing the problematic section and CSS code snippet for implementation.