Return to previous page

How to change the color of different elements

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

Mirza Ahtsham

Participant

August 28, 2024 at 13:56

Please let me know how to change the color of the Heart icon of Wishlist when We Go on the Mouse hover on the product then they appear. now it is show in black and i want to change its color white. Also I Want to change the color of cookie Notification button which is not have black and i want to change its color and also i want to change the color of the click to top the button border now is black and i need to changes its color. please see the screenshot. and help me to fix this issue.

Files is visible for topic creator and
support staff only.

#412025 Copied Theme version: 9.3.18

3 Answers
Tony Rodriguez

Support staff

August 29, 2024 at 05:15
Hello, @Mirza Ahtsham,

Thank you for choosing XStore as your WooCommerce WordPress theme.

1/ 2/ 3/ Please add next custom css code in XStore > Theme options > Theme Custom CSS > Global CSS.
```
 .etheme-product-grid-item .footer-inner span.et-icon{
       color: white !important;
}
```
```
/* cookie Notification button */
 .et-cookies-popup-wrapper .cookies-button, .btn.black{
       background-color: blue;
    border: 1px solid black !important;
    color: white !important;
}

/* Hover color */
.et-cookies-popup-wrapper .cookies-button:hover, .btn.black:hover{
background-color: aqua !important;
    border-color: black !important;
    color: red !important;

}
```
```
.back-top svg path {
stroke: #ff2020 !important;
}
.back-top span.et-icon.et-right-arrow-2::before {
color: #13b449 !important;
}
```
You can change color in code as per your requirement.

We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best Regards,
8Theme’s Team
#412096 Copied
Mirza Ahtsham

Participant

August 29, 2024 at 07:44

I applied The Code Of 1st Portion. Other Code is Working Good. but Color if heart Icon is Not Changes. I even Check Incognito Mode Please Help me to Fix this thing.

Files is visible for topic creator and
support staff only.

#412117 Copied
Tony Rodriguez

Support staff

August 29, 2024 at 08:24
Hello, @Mirza Ahtsham,

Thank you for your response.

Our previously provided CSS code are working correctly, Please add all previously provided custom css code in XStore > Theme options > Theme Custom CSS > Global CSS.
```
 .etheme-product-grid-item .footer-inner span.et-icon{
       color: white !important;
}
```
We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.
#412136 Copied
Tagged: best selling themes, change element color, customize woocommerce, diy woocommerce themes, easy theme changes, theme color modification, woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)