Return to previous page

Where to set hover color background for the Cart button on header

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

SS

Participant

January 28, 2024 at 19:08

Hi Team Support,

I’d like your advise, where is the setting for changing the color background when hovering the Cart button on header section?

Screenshot:
https://prnt.sc/gjXUGFIqD6DU

Thanks!

#381448 Copied Theme version: 9.2.6.

3 Answers
Tony Rodriguez

Support staff

January 29, 2024 at 06:47
Hello, @SS,

Thank you so much for purchasing our theme and contacting our support center.

We would like to guide you through the process of altering the hover background color for the Cart button located in the header section of your website. To implement this change, please follow the steps outlined below:

1. Navigate to the “XStore” section within your website’s dashboard.
2. Proceed to “Theme Options.”
3. Select “Theme Custom CSS.”
4. Click on the “Global CSS” tab.
5. Copy the following CSS code and paste it into the provided area:
```
.et_element.et_b_header-cart.flex.align-items-center.cart-type1.et-quantity-top.et-content-right.et-off-canvas.et-off-canvas-wide.et-content_toggle.et_element-top-level:hover {
    background-color: green !important;
}
```
6. After pasting the code, please click on the “Publish” button to save your changes.

Please note that the color ‘green’ in the CSS code is merely an example. You are free to modify the color value to suit your preferences.

Should you encounter any difficulties or if the issue remains unresolved, kindly provide the URL of your site along with your WP-admin credentials in the private content area. This will enable us to examine the matter more closely and offer the necessary assistance.

We appreciate your cooperation and look forward to ensuring your satisfaction with our theme.

Best Regards,
The 8Theme Team

Please contact administrator
for this information.
#381465 Copied
SS

Participant

January 29, 2024 at 07:07

ok thanks!

#381468 Copied

Andrew Mitchell

Support staff

January 29, 2024 at 07:08

Dear SS,

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

#381469 Copied
Tagged: cart button hover color, modify woocommerce cart button, woocommerce cart button design, woocommerce header settings, woocommerce themes, wordpress ecommerce themes, wordpress header customization
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Where to set hover color background for the Cart button on header’' has been successfully resolved, and the topic is now closed for further responses

Where to set hover color background for the Cart button on header

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection