Cart icon colors

How do I edit the colors of the shopping card on the upper right corner? I would lke to edit the color of the number, the cart background, and the cart color. Is there a way? Or CSS class?

Hello,

Sorry to say your site is not working due to a server issue. https://postimg.cc/PPpFKxW9

Please try to check your site. Then let me know, I will further check on your site and give you a possible CSS code for the cart icon.

Best Regards

Yes sorry I was making changes to my server. It is working now.

Hello,

Navigate to Theme Settings > Custom CSS > Global and add the following CSS:

/* Change background color of the cart number bubble */
.wd-header-cart .wd-cart-number {
    background-color: #0048ff !important; /* Change this to your preferred color */
}

/* Change text color of the number */
.wd-header-cart .wd-cart-number span,
.wd-header-cart .wd-cart-number {
    color: #ffffff !important; /* Number color */
}

.wd-header-cart .wd-tools-icon {
    color: #ff0101 !important; /* Icon color */
}

Best Regards,

Thank you. And how about for the button background color?

I meant the button background color for the cart button.

Hello,

Navigate to Theme Settings > Custom CSS > Global and add the following CSS:

.wd-header-cart.wd-tools-element.wd-design-7>a>:is(.wd-tools-inner,.wd-tools-icon) {
    background-color: black !important;
}

Best Regards,

Thank you.

Hello,

You’re very welcome! If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts