Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 27, 2015 at 6:48 pm #543776
    druzes

    Hi, i’m using png images with no background on my products.
    When i set the hover effect to switch to first gallery image, it places the second image on top of the first image, in the frontend shop pages,.
    Because the images have no background it shows the 2 overlaping images.
    Is there a way to hide the frst image once the user rolls hover it and shows the second image?
    Thank you

    November 27, 2015 at 10:20 pm #543860
    Elliott

    Hi druzes!

    Can you send us a link to your page so we can take a look? You can set you reply as private if you wish.

    Cheers!
    Elliott

    November 28, 2015 at 1:10 am #543899
    druzes

    Yes thank you, Here it goes:

    November 28, 2015 at 7:29 pm #543979
    Elliott

    Hi!

    Try adding this to your custom CSS.

    .thumbnail_container:hover > img:nth-child(2) {
    opacity: 0 !important;
}

    Cheers!
    Elliott

    November 28, 2015 at 7:39 pm #543987
    druzes

    Worked like a charm ;)
    Thank you

    November 29, 2015 at 8:29 am #544085
    Rikard

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.