Firstprime Posted November 22, 2021 Share Posted November 22, 2021 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! Link to comment
Solution tuanphan Posted November 22, 2021 Solution Share Posted November 22, 2021 6 hours ago, Firstprime said: 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! 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; } } Firstprime 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Firstprime Posted November 22, 2021 Author Share Posted November 22, 2021 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! tuanphan 1 Link to comment
ChristaElrod Posted November 24, 2021 Share Posted November 24, 2021 Try the below padding code .collection-type-gallery #galleryWrapper { padding-right: 50px; } Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment