Masonry Gallery

Hey Jyothis,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.av-image-caption-overlay-center {
    vertical-align: bottom;
}

For other changes, can we see the element on your live page?

Best regards,
Yigit

Hi,

Yes, that would be possible, but i could not find the element on your page. Have you removed it? If not, can you please post the link to the exact page/section?

Best regards,
Yigit

Hi,

How do you want the overlay to look? You can start with this:

.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
    top: 0;
    background: rgba(0,0,0,.5);
}

.main_color .av-masonry-entry-title.entry-title {
    color: #ffffff;
}

Best regards,
Ismael