How do i make this blog slider crop and align to the same size

xsiv · October 21

Hi again support

i have an issue with the photo size and amount of text, for the blog slider they are all on an angle due to text amoun and photo size.

can we use css to crop and make the images the same size and align the text center above and below.

jcjigs .co. nz

xsiv · October 21

Phil · October 21

Hi,

Please try the following CSS code:

.blog_slider .slick-slide .image_wrapper img{
 max-height: 140px;
 object-fit: cover;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

xsiv · October 22

Perfect thank u again Phil A+

xsiv · October 27

Quick question can we start the image at the top not the center, thank you, so the images start from the top

Phil · October 27

Please change the previous CSS I sent with the following one:

.blog_slider .slick-slide .image_wrapper img{
 max-height: 140px;
 object-fit: cover;
 object-position: top center;
}

Thanks

Comments