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

[realbbomb]

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.

[g33kgirl]

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

[Kinjaldavra]

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