Return to previous page

How to change the color of Product Widget Hover Buttons

This topic has 5 replies, 2 voices, and was last updated 3 months, 3 weeks ago ago by Tony Rodriguez

Mirza Ahtsham

Participant

August 22, 2024 at 12:43

Please Let Me Know. How to Change the Hover Button Color on the Product Widget Card. Please See The Screenshot And help me to Fix this Issue. Also I try My Best to Find The Option for Change The Color

Files is visible for topic creator and
support staff only.

#411159 Copied Theme version: 9.3.17

4 Answers

Tony Rodriguez

Support staff

August 22, 2024 at 13:19

Hello, @Mirza Ahtsham,

Thank you for choosing XStore as your WooCommerce WordPress theme.

To change the hover color, please follow these steps:
1. Open the page with Elementor.
2. Select the widget you wish to edit.
3. Navigate to the ‘Style’ tab.
4. Adjust the ‘Hover Button Color’ to your preference.
5. Ensure to save the changes by clicking ‘Update’.

Should the issue continue, kindly provide your site’s WP-admin access in the private content area. This will allow us to review your settings and assist you further.

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#411169 Copied

Mirza Ahtsham

Participant

August 23, 2024 at 07:08

I o not find Any Option for change the required color to the hover element bg color. Please See The Screenshot

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#411246 Copied

Mirza Ahtsham

Participant

August 23, 2024 at 07:21

I need to Change Some element BG Color As Per My Logo Branding

Files is visible for topic creator and
support staff only.

#411249 Copied
Tony Rodriguez

Support staff

August 23, 2024 at 08:22
Hello, @Mirza Ahtsham,

Thank you for your response.

To address the issue you are experiencing, we kindly ask you to insert the following custom CSS code. Please navigate to XStore > Theme Options > Theme Custom CSS > Global CSS in your admin panel:
```
.etheme-product-grid-item .footer-inner>* {
    background-color: green !important;
}
.etheme-product-hover-default .show-quickly {
    background-color: yellowgreen !important;
}
```
Feel free to modify the color values in the code according to your specific requirements.

Should you require further assistance or have any questions, please do not hesitate to contact us.

Best regards,
The 8Theme Team
#411267 Copied
Tagged: change widget hover buttons, customize woocommerce product, woocommerce button color change, woocommerce template customization, wordpress product widget guide, wordpress widget color tutorial, wordpress woocommerce templates
Viewing 5 results - 1 through 5 (of 5 total)