“flipped” image is transparent showing ghost of main image underneath

  • Resolved facepaintworld

    (@facepaintworld)


    4 years, 1 month ago

    Having installed TP Product Image Flipper plugin, while my cursor hovers over product thumbnail it shows alternate image from product gallery as it should, but this alternate image is shown as transparent so the original image shows through it. The extant/effect is more pronounced in some images vs others. This makes the alternate image not very clear and not as solid and visible as it should be. This does not seem to happen in the demo. Why would this happen on my site?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TPlugins

    (@tplugins)

    Hi facepaintworld
    I think the reason is that your image is transparent,
    Our plugin replaces the source of the image and we do not change the background so if your image is transparent this is what can happen.

    Plugin Author TPlugins

    (@tplugins)

    Hi facepaintworld
    I saw your site, Your theme defines the image with transparency of 0.8 (opacity) as you can see the CSS below:

    .prodimg img:hover {
    opacity: 0.8;
    transition: .3s;
}

    You need to change opacity to 1.
    Open your style.css file and find this on line: 2561

    Thread Starter facepaintworld

    (@facepaintworld)

    Thank you very much!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘“flipped” image is transparent showing ghost of main image underneath’ is closed to new replies.