Thumbnails slightly squeezed when hover

  • horace524

    (@horace524)


    10 years, 6 months ago

    I made my thumbnails scale up and dim when hover using css, but I noticed that when the browser window is larger than certain size, the hovered will image squeeze to left a bit which exposed the black background behind, than it will scale up and dim as usual. That squeezing is quite subtle but still annoying. Any idea whay is causing it and how to fix it?

    Here is the link to my web:
    hndesign.co

Viewing 3 replies - 1 through 3 (of 3 total)
  • paulwpxp

    (@paulwp)

    10 years, 6 months ago

    Add this code to your child theme style.css will disable that behavior.

    /*** Disable theme's transform image on hover ***/
body .gallery-image *:hover { transform: none; }
    Thread Starter horace524

    (@horace524)

    10 years, 6 months ago

    Thanks for the reply Paul. However your codes will disable the scale up effect as well. Is there anyway to keep that but remove the squeeze problem?

    paulwpxp

    (@paulwp)

    10 years, 6 months ago

    Hi, there is no ‘image squeeze to left a bit’ from my end. I’m using FF, Chrome, Edge, all latest on Windows 10. What browser you are using? ’cause this might be browser compat issue as the transform property might not work properly in some old browser.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Thumbnails slightly squeezed when hover’ is closed to new replies.