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


  • #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:


You must be logged in to reply to this topic.