Help adding Padding to side of Gallery Grid page

Site URL: https://glennoctor.com/

Hi,

I have a page with just a gallery grid, and I want to add padding to the right side of the page so the gallery doesn't take up the entire screen. I've tried a few solutions but I can't quite get it to work. Would really appreciate if anyone could help me out with a solution.

Page: https://glennoctor.com/

Thanks!

2 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (min-width:901px) {
.collection-type-gallery #thumbnails .thumb {
    width: 100% !important;
}
.collection-type-gallery.enable-gallery-thumbnails.thumbnail-view #thumbnails {
    width: 80% !important;
}
}

 

Thank you! Appreciate the help.

When I implement that code in full it seems to break the thumbnail scaling for some reason - as in the attached screenshot.

After messing around with it a bit it seems like the issue is caused by the third line -

width: 100% !important;

Changing that percentage doesn't help, but deleting the line completely seems to make it function as intended - as in the current active layout. No idea why that fixed it, but I'm happy with the result!

Thanks again!

Try the below padding code

.collection-type-gallery #galleryWrapper {
    padding-right: 50px;
}