Removing Product Image Hover Image

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 12 months ago

    In your “Additional CSS” section of the dashboard, add this:

    
.product .product-overlay, 
.product .add-to-cart-button {
    display: none !important;
}

    https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress

    • This reply was modified 8 years, 12 months ago by Andrew Nevins.
    Thread Starter mksystemsltd

    (@mksystemsltd)

    8 years, 12 months ago

    Andrew that worked perfectly thank you.

    I have another question if you don’t mind ?

    Now that overlay has gone, I can only select the product by clicking the product description. Is it possible to do this by also clicking the product image ?

    Thanks again
    Mike

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 12 months ago

    Without my code above the whole image still wasn’t clickable. Try removing it to see.

    Thread Starter mksystemsltd

    (@mksystemsltd)

    8 years, 12 months ago

    Sorry Andrew, I may not have explained myself so well. Didn’t mean that your code had stopped it from working, meant that I now had another issue I need to resolve.

    Now that overlay has gone, (problem 1 now fixed , thanks)

    (problem 2) – I can only select the product by clicking the product description. Is it possible to do this by also clicking the product image ?

    Sorry for the confusion.
    Mike

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 12 months ago

    Use this CSS instead of what I recommended above:

    
.product .fa-cart-plus {
    display: none !important;
}

.product .add-to-cart-button,
.product a.button {
    height: 100%;
    left: 0;
    position: absolute;
    top: 7px;
    width: 100%;
}

.product a.button,
.product a.button:hover {
    background: none;
}
    • This reply was modified 8 years, 12 months ago by Andrew Nevins.
    • This reply was modified 8 years, 12 months ago by Andrew Nevins.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 12 months ago

    I’ve updated the code.

    Thread Starter mksystemsltd

    (@mksystemsltd)

    8 years, 12 months ago

    You are awesome, thank you so much for you help.

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

The topic ‘Removing Product Image Hover Image’ is closed to new replies.