Your address will show here +12 34 56 78
#105062

Tealady46
Participant

Hi Jenny

Thanks for this. I’d actually solved the problem in a slightly different way by setting padding for the main carousel image. Here’s the CSS I used in the end which works for me. I think this way it’s responsive too. Although I may be wrong on this!

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
height: auto;
max-width: 100%;
padding-bottom: 11%;
line-height: 1;
}

Here’s what it looks like on my site:
http://chezdechez.com/properties/architect-conceived-villa-with-230-m%C2%B2-of-living-space-on-4586-m%C2%B2-with-pool-and-open-views/

Appreciate you posting your solution. Either of ours may work for others and save someone a bit of a headache in the future:)