bshoop 481 Share Posted July 13, 2013 (edited) How do I add padding between images in a slider gallery? Edited July 13, 2013 by bshoop BPrather, Good Fortune Collective and RunZoneFive 3 Link to post
5 bshoop 481 Author Solution Share Posted July 14, 2013 (edited) I found something like this in another answer and it works: .sqs-gallery-design-strip img { margin-right: 2px; } Edited July 14, 2013 by bshoop Link to post
2 Nick Scola 1,457 Share Posted July 13, 2013 Multiple ways to do this, but heres a simple way. .sqs-gallery-design-strip-slide .sqs-wrapper img:not(:last-child) { padding-right: 10px; } Squarespace developer since 2007. I create a professional process for each client to ensure that your objectives are met and users are happy. Something I love to embrace. I'm available for hire Get in touch at http://www.nickscola.com or via email at squaretuts@gmail.com Link to post
1 Good Fortune Collective 9 Share Posted February 6, 2014 (edited) The answers here work to add space between the images. But I’ve found that when you click the ’Next’ button, the position that the next image slides to is offset by the same amount of pixels you’ve added to the margin. So if you’d like a lot of space between images (lets say 40px), your gallery starts to look out-of-whack by the second or third image. Has anybody come across a solve for this? Whatever function the ’Next’ button runs on seems to account for the width of each image, but not the extra margin width you’ve added. Is there some way to force it to account for the extra pixels? Edited February 6, 2014 by Good Fortune Collective Link to post
1 vic 284 Share Posted May 1, 2016 bshoop's worked for me... thanks. Nick Scola's worked too but only after I removed the "-slide" that comes after "strip" like this:.sqs-gallery-design-strip .sqs-wrapper img:not(:last-child) { padding-right: 15px; } Link to post
1 seedarchitect 0 Share Posted December 6, 2017 Hey guys, I have never done any coding, but want to add the padding on my carousel gallery block. Where do I insert this code? Link to post
0 bshoop 481 Author Share Posted July 13, 2013 Thanks, Nick, but that didn't work. I'm using hudson. does that matter? Link to post
0 Nick Scola 1,457 Share Posted July 14, 2013 I'm not sure if it does since I use it on multiple sites and it works like a charm. But found one of the solutions. Squarespace developer since 2007. I create a professional process for each client to ensure that your objectives are met and users are happy. Something I love to embrace. I'm available for hire Get in touch at http://www.nickscola.com or via email at squaretuts@gmail.com Link to post
0 jnkappe 0 Share Posted August 24, 2014 Is there a solution to this yet? I'm having the same problem. Link to post
0 Tech Guy 0 Share Posted December 18, 2017 @Nick Scola @bshoop Where do we insert this code please? Thank you. Link to post
0 PioneerStudio 0 Share Posted January 13, 2020 I went to Design/Custom CSS and added this code into the box: .sqs-gallery-design-strip .sqs-wrapper img:not(:last-child) { padding-right: 10px; } You can then change the 10px to whatever suits. Hope that helps! Link to post
Question
bshoop 481
How do I add padding between images in a slider gallery?
Edited by bshoopLink to post
Top Posters For This Question
3
2
1
1
Popular Days
Jul 13
3
Jul 14
2
Aug 24
1
Jan 13
1
Top Posters For This Question
bshoop 3 posts
Nick Scola 2 posts
Good Fortune Collective 1 post
khglynn 1 post
Popular Days
Jul 13 2013
3 posts
Jul 14 2013
2 posts
Aug 24 2014
1 post
Jan 13 2020
1 post
12 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment