Adjusting space between images in carousel

[Anders]

I want to set up a carousel going from one side of the screen to the other and am wondering if there is a way to adjust the spacing between the images? I don't want them to touch directly.

-Anders

[mariusjopen]

Dear @Anders
no. There is not really a way.

Best!

Marius

[studioworkhorse]

@Anders @mariusjopen Adding the following CSS did the trick:

.lay-carousel-wrap.show-multiple-slides .lay-carousel-slide img, .lay-carousel-wrap.show-multiple-slides .lay-carousel-slide video {
padding-right:1%;    
}

[mariusjopen]

Dear @studioworkhorse
Ah great! Thank you for sharing and using LayTheme!
Best!
Marius

[dabu]

That didn't work for me, but here is my solution, if you have single slides:

.lay-carousel-slide.is-selected {
margin-left: 3%;
left: -3%;
}

.lay-carousel-slide.swiper-slide-prev {
left: -3%;
}

The numbers you can change to your liking, but they should all be the same.

[arminunruh]

when you edit your carousel, there is also this setting

[dabu]

Yes, but that option isn't visible when "Aspect Ratio of first Element" is selected. Maybe you can change that?

[arminunruh]

when using "aspect ratio of first element"
only one image at a time is shown:

the currently non existing space between images is just shown during the sliding animation.

i will show the "space between slides" setting for this case too with the next lay theme update.

i just tested it and it seems to work fine.

[dabu]

Cool, thanks!!
Yes, it is only shown while sliding. It is a detail, but it bothered me, especially because I had rounded corners on the images :)