disable product image hover showing second image

  • I would like to hide the second product image rolling over when mouse over of the porduct image in shop view.

    so disable to roll over.

    either via css or remove filter.

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

    (@yithemes)

    Hi there,
    this is the quickiest CSS solution:

    ul.products li.product:hover img ~ img, ul.products li.wc-block-grid__product:hover img ~ img, .wc-block-grid ul.wc-block-grid__products li.product:hover img ~ img, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover img ~ img {
    opacity: 0;
    }

    Thread Starter k0872

    (@k0872)

    many thanks I also managed to acheive this using

    ul.products li.product:hover img ~ img{display:none;}

    can you also help, with the lightbox background colour, I can see where to alter it in the customiser but that then alters all the links.

    can this be changed via css without changing the links.

    Theme Author YITHEMES

    (@yithemes)

    Hi there,
    sure! Here the code snippet you need:

    .pswp__scroll-wrap {
    background-color: #ff0000;
    }

    please change #ff0000 with the hex color you need.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘disable product image hover showing second image’ is closed to new replies.