- This topic has 6 replies, 3 voices, and was last updated 8 years, 9 months ago by
.
-
Posts
-
Hi everybody. We want to remove the hover effect in all the product thumbnails that are in the category pages. For example, in this one: http://isonioybas.com/produccion/ricchezze/categoria-producto/venezia/
How could I do that?
Regards.
Lucas
Hi,
Thank for contacting.
I really don't know you want to remove what the hover effect? So you can follow with: http://prntscr.com/ei3665
1) Hidden quick view: Go to Theme Options/Woocommerce, turn off Quick View Button http://prntscr.com/ei36vr
2) Remove the plus when hover product: please add code css into Theme Options/Custom CSS & Script -> Custom CSS
.woocommerce .product-link:hover .product-hover-sign {
display: none;
}
Regard,
James
Sorry, maybe I wasn't clear enough. We want to remove the effect that shows another image (which is uploaded to the product gallery) when you hover the thumbnail.
Regards.
Lucas
Hi,
Thank for feedback.
Please use code css:
.woocommerce .product-item-wrap:hover .product-thumb-secondary {display: none;}Regards,
James.
Perfect. Thanks again!
One last question...
In the products that have no variations (for instance, http://isonioybas.com/produccion/ricchezze/producto/linea-milano-de-cocina/), the add-to-cart button ("agregar al pedido") has grey background and, when you hover, its background turns into red and the font colour into black (or grey).
I want that button behaves the same as the products that have variations (for instance, http://isonioybas.com/produccion/ricchezze/producto/rinconero-mesa-banco-cucina/). That's red background and white font colour and, when you hover it, black background and white font colour.
Thanks in advance, again.
Regards.
Lucas
Hi,
You can add style CSS for Cart button:
.site-content-single-product .single-product-info .summary-product-wrap form.cart .button {
background-color: #ed0000!important;
color: #fff!important;
}
Regards,
You must be logged in and have valid license to reply to this topic.
