Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 16, 2015 at 5:02 am #474066
    alex5252

    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 9 years, 5 months ago by alex5252.
    July 17, 2015 at 12:55 pm #474879
    Andy

    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

    July 17, 2015 at 1:09 pm #474896
    alex5252

    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!

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