Your address will show here +12 34 56 78


Hi All

Solved the problem myself but thought I’d post what I did for anyone else who might have the same problem. Not sure if it’s technically correct but it does work.

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

It’s the padding bottom that I’ve added. You could do px but think % will make sure it’s still responsive. I like 11% rather than 10%, as it gives me 1% of border but that’s a personal thing.

Here’s how it looks on my site if you’re interested: