Hello! On www.propertyradar.com, at the bottom of the page, I’m having problems getting the featured images from the blog to scale correctly to their flex containers. I’d like them to fit without being cropped and to be responsive. Thank you!
hi @EStratton
You need to remove height from the given css then it will come proper
.kl-slider-testimonial__header img {
max-width: 100%;
float: none;
margin: 0;
width: 100%;
display: block;
object-fit: cover;
}
Hi, Chehak - Thanks!
I have searched throughout the CSS in the Design Manager and can’t find this section:
.kl-slider-testimonial__header img {
display:block;
width:100%;
height:240px !important;
max-height:240px !important;
object-fit:cover}
I’ve checked the CSS spots on the module, page, and site as well.
Any other suggestions on how to find it?
Thanks - Erin
hi @EStratton
If you are not able to find css where you have kept then simply paste this below css in main.css in the last .
.kl-slider-testimonial__header img {
max-width: 100%;
float: none;
margin: 0;
width: 100%;
display: block;
height: unset!important;
object-fit: cover;
}
If still wont’t work then open testimonial module from here and paste above css in module.css as shown in below image
Thank you so much, Chehak! I’m so relieved to have all the images scaled correctly in our template, finally!