Modify Hover Effect on Images?

  • Resolved myfakename

    (@myfakename)


    4 years, 9 months ago

    Hello,

    Is there any way to alter the hover effect on the images? We would like to keep the transition of images upon hover, but the brightening is too bright for our products and washing it out upon hover. We would like to either zoom in or make it opaque or decrease intensity of the brightness. Example images attached

    https://ibb.co/8Nsnpsk

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author YITHEMES

    (@yithemes)

    Hi there, you can disable the brightness effect using the following additional CSS.

    ul.products li.product:hover img, ul.products li.wc-block-grid__product:hover img, .wc-block-grid ul.wc-block-grid__products li.product:hover img, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover img {
    filter: none;
    }

    At same time you can add other effects to the same rule

    Thread Starter myfakename

    (@myfakename)

    Great! This worked perfectly. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Modify Hover Effect on Images?’ is closed to new replies.