How to add padding to left and right of product/collection pages?

realbbomb
New Member
2 0 1

Hi! My products are all the way to the left and right without any padding around. How can I add padding to the whole site in general? The website is realbbomb.com and here is a screenshot.

 

Screen Shot 2021-04-28 at 2.05.12 PM.png

 

0 Likes
g33kgirl
Shopify Partner
223 59 71

@realbbomb, to add padding for the whole website, add this code at the end of your CSS file:

 

.layout--main-content {
    padding: 30px !important;
}

 

 

If you just want to add padding to only your collection page:

 

.template--collection .layout--main-content {
    padding: 30px !important;
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
Natztech
Shopify Partner
625 166 415

@realbbomb  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

@media only screen and (min-width: 798px){
.template--collection .layout--main-content {
    padding: 30px 50px !important;
}
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes