Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #474066

    Hi,

    How can I make it so with the masonry gallery the captions appear completely below the photo, currently the captions crop up onto the photo make it appear the photos are different sizes, I would like the caption to NOT crop the photo at all. It should be below the photo.

    Also I have the masonry gallery placed within a 1/1 module. How do I make it so it takes up the full width of the content on my site. See the link below, I would like it to line up with the “S” in “Students” on the left and the “…….” lines after “Contact us” on the right side.

    Thanks!

    • This topic was modified 8 years, 8 months ago by alex5252.
    #474879

    Hey alex5252!

    I see that you uses a more transparent background color for your captions. So do you want to align them up so that they have all same height? if yes use this code:

    figcaption.av-inner-masonry-content.site-background {
    top: 158px;
    }
    

    You can increase your masonry width and adjust position more to the left with this code:

    div#av-masonry-1 {
    left: -12px;
    width: 106%;
    }
    

    Cheers!
    Andy

    #474896

    Hi Andy,

    Thank you for the reply. I put in your codes and that is not exactly what I am looking for. On the first one I would like to move the captions to below the photo, so the caption does NOT cover the photos at all. The caption should be 100% below the photos.

    The second code you send for the width worked perfect, thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Move masonry gallery captions below photos’ is closed to new replies.