feelswave Posted October 21, 2019 Share Posted October 21, 2019 I have a gallery page on the Wells template, but the images don't really breathe. I feel like adding more padding around the images would help. Or a code to have them all stack along the page. Can anyone help me with some code? Thank you. Link to comment
colin.irwin Posted October 21, 2019 Share Posted October 21, 2019 Try this. Insert it in the Custom CSS area (after any other code if you have any) and change the height and width to get the spacing you want. .collection-type-gallery #thumbnails .thumb { background-color: #fff; } .collection-type-gallery #thumbnails .thumb img { width: 90%; height: 90%; } I'm writing a date localiser plugin - Check out the proof of concept on YouTube and let me know what you think of it You might want to check out my Squarespace template finder Or have a look at my other Squarespace tips Looking for a Squarespace developer,? Book a chat or Drop me a line Link to comment
feelswave Posted October 21, 2019 Author Share Posted October 21, 2019 Thank you Colin! Much better now. You're an internet hero. Link to comment
BenjaminWPhoto Posted May 13, 2020 Share Posted May 13, 2020 Hi guys hope you are well.. A newbie really to Squarespace CSS, but just catching up on this. Trying to add padding to the masonry page under gallery and this code doesn't seem to work. It actually just lingers in the header CSS! Have you managed to increase the padding size around the masonry images pages? Thanks so much Link to comment
tuanphan Posted May 15, 2020 Share Posted May 15, 2020 On 5/13/2020 at 7:12 AM, BenjaminWPhoto said: Hi guys hope you are well.. A newbie really to Squarespace CSS, but just catching up on this. Trying to add padding to the masonry page under gallery and this code doesn't seem to work. It actually just lingers in the header CSS! Have you managed to increase the padding size around the masonry images pages? Thanks so much Can you share link to masonry page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Lalie Posted August 31, 2020 Share Posted August 31, 2020 Hi there - I also have a Wells gallery that's in need of more air / white space. I tried your code Colin, - added it to the Custom CSS area and changed the % - but nothing is happening... I'd grateful of some help. Thanks https://valeriewartelle.co.uk/portfolio Link to comment
tuanphan Posted August 31, 2020 Share Posted August 31, 2020 2 hours ago, Lalie said: Hi there - I also have a Wells gallery that's in need of more air / white space. I tried your code Colin, - added it to the Custom CSS area and changed the % - but nothing is happening... I'd grateful of some help. Thanks https://valeriewartelle.co.uk/portfolio add !important to after eg: width: 40% !important; Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Lalie Posted September 1, 2020 Share Posted September 1, 2020 Thank you tuanphan - something did work, but seemed to truncate either width or height of the full uploaded images, not the thumbs, so not looking right. Screenshots below before and after. Any suggestions? Thanks Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.