• 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.