Your address will show here +12 34 56 78

Home Forums WP RESIDENCE – Real Estate WordPress Theme FORUM thumbnail image positioning

This topic contains 1 reply, has 1 voice, and was last updated by  Tealady46 2 years, 7 months ago.

  • Author
    Posts
  • #103788

    Tealady46
    Participant

    Hi

    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.

    Thanks

  • #103793

    Tealady46
    Participant

    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/

    Deb

You must be logged in to reply to this topic.