left aligned pictures in carousel

Colin

hey!
i have photos in different formats in one carousel and i want to have them to be left aligned. I couldn‘t find any option about this, they are always centered.
Maybe someone here knows a solution – thanks!

mariusjopen

Hi Colin,

try to put this into your Custom CSS.

.col .lay-carousel img.h100 {
    left: 25%;
}

Let me know if that works for you!

Best!

Marius

Colin

Thanks for the reply, but unfortunately it doesnt work yet.
Its to far left and the high-format ones are still centered.
here you can have a look.
Best,
Colin

mariusjopen

Hi Colin,

ok. That makes sense.

Try this:

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

All the best!

Marius

Colin

@mariusjopen Thank you very much – it works now.
Best, Colin

mariusjopen

Ah! Glad to hear! :-)