Hello,
I would like to have the fill in color for PNG images with transparent areas in Masonry Gallery the same as the gallery’s Custom Background Color. To see the issue please look at the last image in the gallery on the linked page.
Thank you,
Marina
Hi Marina!
Thank you for the inquiry.
We are not yet sure what you are trying to do with the masonry element. Would you mind providing another screenshot of the area that you would like to adjust? You can use imgur, savvyify or dropbox for the screenshot. Thanks.
Best regards,
Ismael
Hello Ismael,
Please have a look at the same page again, at the last two images in the gallery.
Image1: has transparent regions between mobile screenshots -> looks good in the lightbox, but not that clear in the gallery.
Image2: regions between mobile screenshots are filled with the gallery’s background color -> looks better in the gallery, but worse in the lightbox.
I would like to have the transparent regions filled with the gallery’s background color, maybe via custom class, if it is possible.
Thank you,
Marina
Hi,
To add a background color to the image in the masonry only and not in the lightbox, try this css:
#av-sc-masonry-gallery-1 .av-masonry-image-container {
background-color: #D6D6D6;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hello Mike,
This works, thank you, you can close the ticket.
Regards,
Marina