• Tealady46
    February 27, 2015 at 11:07 am #103788


    Anyone know how I can make my carousel-indicators (property image thumbnails) drop down below the larger image rather than overlapping it. I can make them disappear altogether with display:none css but can’t work out what I need to move them down slightly.


    February 27, 2015 at 1:37 pm #103793

    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: http://chezdechez.com/properties/elegant-5-bedroom-period-house-pezenas/


You must be logged in to reply to this topic.

Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.