Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1356347

    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

    #1356355

    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

    #1356414

    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

    #1356549

    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

    #1356630

    Hello Mike,

    This works, thank you, you can close the ticket.

    Regards,
    Marina

    #1356677

    Hi,

    Great! Good to know that the provided solution worked. Please let us know if you have more questions about the theme. We will close this thread for now.

    Have a nice day.

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Masonry Gallery fill in color for transparent PNG’ is closed to new replies.