A user seeks to reduce side and middle padding in a collection section on the Prestige theme. They provided screenshots showing the current excessive spacing versus their desired tighter layout.
Three solutions were offered:
TheScriptFlow suggested adding CSS targeting the specific section class to remove container padding and margins, with a visual result demonstrating the change.
topnewyork recommended inserting custom CSS in the theme.liquid file before the closing </head> tag (though the actual code snippet appears incomplete in the thread).
EFOLI-Syn proposed adding media query CSS to theme.css that removes padding from .section-stack on desktop screens (min-width: 980px).
All solutions involve custom CSS modifications to theme files. The discussion remains open as the original poster has not confirmed which approach worked or if the issue is resolved.
Hi everyone, can someone please help me figure out the best way to remove some of the padding around the sides and in the middle of a collection section? I am using the prestige theme 
Current look –
What we would like (still has spacing/padding but it’s more refined) –
URL: https://oneaddington.com/
Password: testOA
Please paste the following code in the end of theme.css file.
.section-spacing.section-spacing--tight.color-scheme.color-scheme--scheme-1.color-scheme--bg-3387a22cfd4e69c2ccecc46cc961deeb .container {
padding: 0 !important;
margin: 0 !important;
}
Here is how you can find the theme.css file.
Go to Shopify Admin > Online Store > Edit Code > theme.css
Results:
Let me know if you need more adjustments.
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Hello @emilyaugstudios ,
Please add the following code in your theme.css file:
@media(min-width:980px){
.section-stack{
padding:0! important;
}
}
It should resolve your issue. Let me know if you are still facing any problems.