Masonry gallery

Hey Alan,

Thank you for the inquiry.

You can use this css code to adjust the font size of the masonry content.

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content *, #top .av-caption-style-overlay .av-masonry-item-with-image ins:before, #top #wrap_all .av-caption-style-overlay .av-masonry-item-with-image del {
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
}

Unfortunately, you cannot place the container below the image because it will break the layout of the masonry. What you can do is add a background overlay instead.

#top .av-caption-style-overlay.av-hover-overlay- .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0.5);
}

If you need to only adjust the position of the text, try this css code.

#top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
    vertical-align: bottom;
}

Best regards,
Ismael