Avada Forums Community Forum product images with a "crossfade" / hover effect which is undesirably shifting

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • benjaminblue
    Participant
    Post count: 36

    i am using the crossfade effect in Avada in a WooCommerce product page.

    so if you look at the page, http://new.paramedsupply.com/product-category/blood-collection/, hover over any of those products, and you’ll see the slightest little shift as it does the “crossfade” effect, which is showing the other images each product has. Hover over that first band-aid product, you’ll see the next pic jump or shift.

    i am hoping to find insight to figure how where this is coming from. almost all of my images are 700x700px, so there are almost zero irregularities as far as image sizes.

    i use chrome DevTools and was having a hard time using those to find the source code to fix this.

    any ideas?

    paulcline
    Participant
    Post count: 1

    Hi benjaminblue,

    Did you ever get a response or find a solution to this issue? Seems odd that no one from the dev team would engage with this. It’s pretty clearly a bug.

    Thanks

    benjaminblue
    Participant
    Post count: 36

    hey!

    i did find the answer..paste this in Custom CSS.

    /* bug fix: hover over products with crossfade effect caused images to shift a few pixels (maybe just one!) */
    .product-images .crossfade-images img {
        transform: translateZ(0);
    }
    
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.