Return to previous page

How to change the color of different elements

This topic has 5 replies, 2 voices, and was last updated 1 months ago ago by Mirza Ahtsham

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

4 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
Mirza Ahtsham

Participant

May 20, 2025 at 07:10

Thanks for the support! My topic “How to change the color of different elements” has been successfully resolved.

#444882 Copied
Tagged: best selling themes, change element color, customize woocommerce, diy woocommerce themes, easy theme changes, theme color modification, woocommerce themes
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to change the color of different elements’' has been successfully resolved, and the topic is now closed for further responses

Luca R. marked topic as solved
Looking for Guidance on Specific Settings 11 minutes ago 7
Luca R. from Support replied in
Disable multi-selection from Filter Products by Attribute widget 12 minutes ago 1
Luca R. from Support replied in
Importing files. need more access to custom fileds 19 minutes ago 6
Yahoo Souq replied in
My website is loading very slow after enter URL it stuck and then suddenly load 38 minutes ago 3

How to change the color of different elements

Recent Community Activity

Luca R. marked topic as solved

Luca R. from Support replied in

Luca R. from Support replied in

Yahoo Souq replied in

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection