My blog pages are never full width. Either are my normal pages. I have to edit everything through the customiser section of the theme for each page. Is there custom CSS I can add to the theme to solve this?
Topic summary
A user is experiencing an issue where blog and custom pages are not displaying at full width on their Shopify store. Currently, they must manually adjust each page through the theme customizer.
Screenshots provided show:
- Pages with visible margins/padding preventing full-width display
Proposed solution:
Another user suggests adding custom CSS to override the container width restrictions:
- Navigate to: Online Store → Themes → Actions → Edit code
- Locate: Assets folder → base.css or theme.scss.liquid file
- Add CSS targeting
.containerclass to remove margins and max-width constraints
Status: The discussion remains open. The original poster has not yet confirmed whether they’ve tried the CSS solution or shared their store URL (which was requested by multiple respondents for further troubleshooting).
Can you share the link to your website? Thanks!
Hello @GanderGander ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Assets folder → base.css file or theme.scss.liquid file
Add this following code at the bottom of page
.container {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
Save changes
Hope this can help. Let us know if you need any further support.
Ali Reviews team.