Return to previous page

Cant change the color of this icon, even through css

This topic has 8 replies, 2 voices, and was last updated 11 months, 3 weeks ago ago by Rose Tyler

Hanzla Nadeem

Participant

January 4, 2024 at 16:08

I cant change the color of the icon given in the attachment below.
border color was changed easily through:
border-color: black!important;
but cannot change the color through this code:
color: black!important;

Also i cannot change the border color of ‘wishlist’ which you can see in the same image

these are 2 changes I cannot do

https://imgur.com/a/C8FpWJK

#378583 Copied Theme version: 9.2

7 Answers

Rose Tyler

Support staff

January 4, 2024 at 16:56

Hello, Hanzla Nadeem,

Thank you for reaching out to us with your concerns regarding the customization of the icon and wishlist border color on your website.

To assist you further, we kindly request the following information:
1. The URL of your website.
2. A screenshot illustrating the wishlist you mentioned.

Once we have the additional details, we will do our best to provide you with the correct CSS code to achieve the desired changes.

Best Regards,
8Theme’s Team

#378593 Copied

Hanzla Nadeem

Participant

January 4, 2024 at 21:31

zyora.com.pk wishlist in header and also cart in header

https://imgur.com/a/tveG4Xi

here is the link

same button border issue goes with view cart button in the popup

#378609 Copied
Rose Tyler

Support staff

January 5, 2024 at 08:45
Hello, Hanzla Nadeem,

We appreciate your prompt response.

Please find below the custom CSS code that may be beneficial for your requirements:
```
.elementor-menu-cart__product-remove:after, .elementor-menu-cart__product-remove:before {
    background-color: black;
}
```
```
.et_element .mini-cart-buttons .wc-forward:not(.btn-checkout) {
    border-color: black !important;
}
```
Should you have any further inquiries or require additional assistance, please do not hesitate to reach out.

Warm regards,
The 8Theme Team
#378654 Copied
Hanzla Nadeem

Participant

January 5, 2024 at 12:06

I have tried the code but it still didn’t work

#378689 Copied
Rose Tyler

Support staff

January 5, 2024 at 12:17
Hello, Hanzla Nadeem,

We kindly request that you update the code as follows:
```
.elementor-menu-cart__product-remove:after, .elementor-menu-cart__product-remove:before {
    background-color: black !important;
}
body .et_element .mini-cart-buttons .wc-forward:not(.btn-checkout) {
    border-color: black !important;
}
```
Warm regards,
The 8Theme Team
#378692 Copied
Hanzla Nadeem

Participant

January 5, 2024 at 12:33

Thanks a lot!!

#378696 Copied

Rose Tyler

Support staff

January 5, 2024 at 14:25

Hello, Hanzla Nadeem,

You’re welcome!

Warm regards,
The 8Theme Team

#378730 Copied
Tagged: css issues, icon color change, troubleshooting, web design, website customization, woocommerce, wordpress templates
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Cant change the color of this icon, even through css’' has been successfully resolved, and the topic is now closed for further responses

Cant change the color of this icon, even through css

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection