Return to previous page

How can I disable the hovering effect of the product box?

This topic has 6 replies, 2 voices, and was last updated 1 years ago ago by Tony Rodriguez

Catholicans

Participant

April 12, 2023 at 17:26

What are the steps required to disable the hovering effect of the product box?
Screenshot of the section
https://snipboard.io/wCyaME.jpg

#353096 Copied Theme version: 0.0.1 WooCommerce version: Version 7.5.1

5 Answers
Tony Rodriguez

Support staff

April 13, 2023 at 05:50
Hello, @Catholicans,

You can modify the hovering effect from the specified section on your site by editing the Custom CSS under XStore >> Theme Options >> Theme Custom CSS >> Global CSS. The code to be edited is as follows:
```
.carousel-area .product-slide:hover {
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    z-index: 2;
    transform: translateY(-5px) scale(1.007);
    border-radius: 5px;
    background-color: #fff;
}
```
Please refer to the screenshot provided at the following link: https://postimg.cc/4Hz8LNHD

Best Regards,
8Theme’s Team
#353144 Copied
Catholicans

Participant

April 13, 2023 at 06:06

I appreciate your response, but I regret to inform you that the solution provided does not address my specific problem.

#353146 Copied

Tony Rodriguez

Support staff

April 13, 2023 at 09:54

Hello, Catholicans,

We apologize for the inconvenience, but we must ask that you remove the Custom CSS that we indicated in our previous response in order to disable the hovering effect of the product box (as seen in the image below).

https://postimg.cc/4Hz8LNHD

Best Regards,
8Theme’s Team

#353181 Copied

Catholicans

Participant

April 18, 2023 at 04:57

But, I would like to apply this hovering effect to the products on the shop page.

Screenshot
https://snipboard.io/Dx2FHE.jpg

#353513 Copied

Tony Rodriguez

Support staff

April 18, 2023 at 09:09

Hello Catholicans,

We have successfully modified the code on your website and it is now functioning properly. The hover effect of the product box is not working on the home page but is working on the Shop page.

We suggest that you clear your cache and check your website again.

https://kunjucatholicans.com/
https://kunjucatholicans.com/shop/

Best Regards,
8Theme’s Team

#353560 Copied
Tagged: disable, effect, hover, product, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)