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

Technical Q&A
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
Screen Shot 2021-04-28 at 2.05.12 PM.png1802×1311 227 KB

2

@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;
}
3

@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;
}
}