blog image

Good afternoon, I need to get this whitish effect out of my main blog image!

The effect image is in effect.

The second image is not, when I position the mouse over the image it grows and gets sharper without the effect!

I need to remove it!
image mouse.JPG


  • Hi youcom

    Kindly let me confirm where you want to remove the hover effect Home blog Images or Blog Page images.

    Home blog images


    Blog Page images

  • I wish to remove the effect that leaves the image whiter, and strip the sharpness!

    And see how the image changes when we place the mouse on it!
  • Hi youcom

    Kindly use the below css code in custom css box for remove the effect and sharpness from blog images 

    Go to  Appearance >>Customize >> Header setting >> Custom css box . 

    .post-template-default .blog-post-img:hover img {
        transform: scale(1) !important;

    .post-template-default .blog-post-img img {
        opacity: 1 !important;

    Let me know did it work.

  • Worked, thank you!
This discussion has been closed.