Return to previous page

Disable : In the product archives, when I hover over a product it appears the attributes

This topic has 3 replies, 3 voices, and was last updated 9 months ago ago by Andrew Mitchell

kristofair8306

Participant

January 20, 2024 at 09:40

Good morning,

In the product archives, when I hover over a product it appears the attributes at the bottom of the product, see the photo below.

How do I disable this hover? I have already applied the recommended Xstore settings, but there is no effect.

Second question: is it possible to change the color of “new” with an orange background #ff8000 instead of the current green background.

Third question: Is it possible to standardize all of the buttons on the site with a border radius of 50 px?

Thanks for your help. Kind regards, Chris.

#380694 Copied Theme version: 9.2.6 WooCommerce version: 8.3.1

2 Answers
Rose Tyler

Support staff

January 20, 2024 at 13:15
Hello, Kristofair8306,

Thank you for reaching out to us with your queries.

1/ To address your first query, we recommend implementing the following custom CSS code:
```
.product-has-fadeIn-content:hover .product-fadeIn-area,
.product-has-fadeIn-content:hover .product-spacer {
    display: none;
}
```
You are using CDN, so do not forget to clear the CDN cache to be able to see the result of changes.

2/ For your second point, please use this CSS snippet to modify the background color:
```
.onsale.new-label {
    background-color: #ff8000;
}
```
3/ Regarding the default button border radius, it is typically derived from the Theme Options under the Style section. However, if the button was inserted using Elementor, it possesses its own settings. Consequently, the border-radius should be configured within Elementor’s settings independently.

Should you require any further assistance or clarification, please do not hesitate to reach out.

Warm regards,
The 8Theme Team
#380717 Copied
Andrew Mitchell

Support staff

January 20, 2024 at 15:11

Dear kristofair8306,

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

Click here to share your insights: https://themeforest.net/downloads

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team

#380730 Copied
Tagged: best selling themes, customize woocommerce, disable product hover, manage product attributes, product archive attributes, woocommerce hover settings, woocommerce themes
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Disable : In the product archives, when I hover over a product it appears the attributes’' has been successfully resolved, and the topic is now closed for further responses

Disable : In the product archives, when I hover over a product it appears the attributes

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection