Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 5, 2017 at 8:55 am #772327
    bakbek

    Hi, I uploaded a PNG with transparent background as the main product images but inside a masonry gallery showcasing the various products the images are showing with a white background – https://www.screencast.com/t/vgYGmpj0 – why is this and how can I fix it so the image will show with a transparent background?

    Thanks.

    April 5, 2017 at 9:44 am #772348
    Designweb

    Hello bakbek,

    try to set that code in quick CSS on Enfold theme options -> General Styling. 

    .av-masonry-image-container {
    background-color: transparent !important;
}

    Thank you

    April 5, 2017 at 9:49 am #772350
    bakbek

    That didn’t work.

    April 5, 2017 at 11:25 am #772416
    Guenni007

    do it to the outerimage container:

    .av-masonry-outerimage-container {
    background-color: transparent !important;
}

    and if you want the figcaption too:

    .av-masonry-container figcaption {
    background-color: transparent !important;
}

    and if that little arrow is disturbing :

    .av-masonry-entry .avia-arrow {
    display: none;
}
    April 5, 2017 at 2:13 pm #772543
    bakbek

    Great, thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Product images are PNG but they are showing with a white background’ is closed to new replies.