Left alignment of images in carousel - custom CSS not working

[watersigils]

Hey there,

I tried using some CSS from a previous post on here to get my images to align to the left of the carousel but it doesn't seem to be working.

Here is a page from the website I'm working on as an example: https://fmagazine.info/acid-free-fair

And here is the code I tried:

.col .lay-carousel img.h100 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    left: 0%;
}

I got the code from this post, which seemed to work for the original poster: http://laythemeforum.com/topic/1524/left-aligned-pictures-in-carousel/4

I've played around with the different carousel sizes to see if this was the issue (both fixed height & aspect ratio of first element) to no avail.

Any insight as to why it might not be working for me?

Thanks!

[Richard]

Dear @watersigils

Does the following code work for what you need?

.lay-carousel-slide{
    transform: translateX(-15%);
}

Best wishes :)
Richard

[watersigils]

That seemed to work!

Of course the simplest answer... thank you so much :)

[Richard]

@watersigils

No worries :) Good luck with the rest of your project!

Sincerely
Richard