How do I add padding between images in a slider gallery?

How do I add padding between images in a slider gallery?

Multiple ways to do this, but heres a simple way.

.sqs-gallery-design-strip-slide .sqs-wrapper img:not(:last-child) {
    padding-right: 10px; 
}

Thanks, Nick, but that didn't work. I'm using hudson. does that matter?

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.

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?

I'm looking for a solution to the same problem

Is there a solution to this yet? I'm having the same problem.

Me too. :(

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

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?

@Nick Scola @bshoop

Where do we insert this code please?

Thank you.

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!

On 6/24/2022 at 12:11 PM, tuanphan said:

What is your site url? We can take a look

www.delmialvarez.com

20 hours ago, delmi said:

www.delmialvarez.com

Which gallery page are you referring to?

16 minutes ago, tuanphan said:

Which gallery page are you referring to?

16 minutes ago, tuanphan said:

Which gallery page are you referring to?

On 6/24/2022 at 12:11 PM, tuanphan said:

What is your site url? We can take a look

THIS ONE OR ANYONE IN MY SITE: https://www.delmialvarez.com/borders-of-europe-with-rusia

But i have a most importan question ina. new topic about the effect of the. transition between images. I took as reference this site gallery: https://www.jefferysalter.com/Landscapes/1

MY question is what kind of CSS can do a similar transition between images from right to left instead to be a FADE effect like i have now  here:  https://www.delmialvarez.com/borders-of-europe-with-rusia