Take Off border effect- add to cart and - show more « Support Forum | Kriesi.at

Take Off border effect- add to cart and - show more

2 posts from 2 voices

Tags:

No tags yet.

capmaticenvato
Member

Hi,

how can i disable example as you see on your demo website under shop the effects on mouse over the products, the border, the add to cart and show more?

thanks

Posted 5 months ago #
Devin
Moderator
Hello capmaticenvato,

First follow the changes I've posted here: http://www.kriesi.at/support/topic/how-to-hide-add-to-card-and-show-details#post-52057 **Note this will also make the image selectable. If you *don't* want the image selectable then just add the second bit css at the end.

Then add the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#top div .thumbnail_container .add_to_cart_button{
display: none;
}
#top.woocommerce-page .products .thumbnail_container:hover {
background-color: #F8F8F8;
}
```
To just get rid of all the hover effects:
```
#top div .thumbnail_container .add_to_cart_button{
display: none;
}
#top div .thumbnail_container .show_details_button {
    display: none;
}
#top div .thumbnail_container .add_to_cart_button.product_type_grouped {
    display: none;
}
#top.woocommerce-page .products .thumbnail_container:hover {
background-color: #F8F8F8;
}
```
Regards,

Devin
Posted 5 months ago #

You must log in to post.