Return to previous page

Where can I edit the effect when hovering over the card?

This topic has 7 replies, 2 voices, and was last updated 2 months, 2 weeks ago ago by Goostaf

Goostaf

Participant

September 4, 2024 at 16:25

Hello, I want to style the card, but I don’t know where the code is, which, when hovered over, adds a shadow to the product card in categories, can you tell me where to look for it?

Please, contact administrator
for this information.

#413056 Copied Theme version: 9.3.3

6 Answers

Rose Tyler

Support staff

September 5, 2024 at 08:27

Hello, Goostaf,

Thank you for reaching out to us with your query.

We can’t open the link you provided in the private content area, unfortunately. Please provide a new one using another file-sharing service, for example, https://wetransfer.com/

Additionally, we kindly request that you provide a more detailed description of your request. Understanding your objectives will enable us to assist you more effectively.

Best Regards,
8Theme’s Team

#413106 Copied

Goostaf

Participant

September 5, 2024 at 09:40

Done

Please contact administrator
for this information.

#413118 Copied

Rose Tyler

Support staff

September 5, 2024 at 09:46

Hello, Goostaf,

We appreciate your prompt response.

We kindly request that you provide a more detailed description of your request. Understanding your objectives will enable us to assist you more effectively.

Best Regards,
8Theme’s Team

#413120 Copied

Goostaf

Participant

September 5, 2024 at 19:13

I’ll try another way, where can I edit styles when hovering over the product card? I would like to apply this style to all cards without pointing, for example, we have a shadow only when pointing, and I want to make all cards with such a shadow and without pointing. Where can I edit these styles?

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#413206 Copied
Rose Tyler

Support staff

September 6, 2024 at 07:22
Hello, Goostaf,

Please try to add the next code in Theme Options > Theme custom CSS:
```
@media (min-width: 993px) {
    .products-loop .product:hover, .carousel-area .product-slide {
        box-shadow: 0 15px 50px 0 rgb(46 50 162 / 8%);
        border-radius: 10px;
    }
}
```
Best Regards,
8Theme’s Team
#413229 Copied
Goostaf

Participant

September 6, 2024 at 13:06

Thank you very much!

#413328 Copied
Tagged: card hover effect, customize woocommerce, edit hover effect, online store customization, woocommerce templates, wordpress, wordpress templates
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Where can I edit the effect when hovering over the card?’' has been successfully resolved, and the topic is now closed for further responses

Where can I edit the effect when hovering over the card?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection