[Livemesh Gallery Carousel] How to center images horizontally?

[clem catel]

Hi,

I’m looking at using the gallery carousel to show our partners’ logos and as these are not all the same size I would like to horizontally centre these logos so they look aligned and not messy.

That’s the page I’m talking about:
http://catelparis.catel-esante.fr/ under “nos partenaires” with the blue background.

Also, it seems like the widget doesn’t always respect the size we select for our images, is that normal? If for example I select “100x100px” is doesn’t not resize the images but crop them.

Can you help with this please?

Many thanks,

Clem

[Veena]

Pls add images that have same aspect ratio and check.

Pls check out this page here we are using images having same aspect ratio.
– https://www.livemeshthemes.com/siteorigin-widgets/gallery-carousel/

[clem catel]

Hi Veena,

Thank you for your help but I’m not looking at having images with the same ratio, hence my question about centering images. I won’t have time to resize all our partners’ logos…
Surely we can add a bit of code to do this? like a customised CSS class for this particular widget?

Many thanks,

Clem

[Veena]

You can use the custom CSS like this –

.home .lsow-gallery-carousel-item.lsow-image-type.slick-slide.slick-active:nth-child(2) {
    margin-top: 50px;
}

This applies for the second element likewise you can add for 3rd and 4th element.

[Author]

Posts