Modify Color of Icons Product grid

Hello.

How can I change the color of icons in product images / product grid into white – only for desktop (see screenshot attached).

Many thanks.

Regards,

Attachments:

You must be logged in to view attached files.

Hi berger.thorsten,

Thanks for reaching to us.

Please go to Theme Settings > Custom CSS and remove this code https://prnt.sc/iFTgA_d3XSBi

Best Regards.

Many thanks for your quick response.

But I’m a little bit confused.

Why? In my CSS there exists still a previous snippet

.wd-action-btn.wd-style-icon>a:before {
color: white;
}

So all my icons were white as I want. BUT also the “3 dots icon” in mobile sidebar (see screenshot).

So have sended you a topic yesterday about this issue: How to get only this “3 dots icon” in mobile sidebar black. You have answered me and I have integrated this new snippet to my CSS yesterday:

.wd-action-btn.wd-style-icon>a:before {
color: black;
}

So the “3 dots icon” turned to black – BUT UNFORTUNATELY ALSO ALL OTHER ICONS.

NOW I have removed this snippet and all icons are white again.

BUT NOW THE QUESTION IS STILL: HOW TO CHANGE ONLY COLOR OF THE “3 DOTS ICON” IN MOBILE SIDEBAR? See screenshot.

Thank you for your great support.

Regards,

Attachments:

You must be logged in to view attached files.

Hi berger.thorsten,

Please remove all Custom CSS code and put below code to Custom CSS for mobile:

.wd-not-on-shop.wd-action-btn.wd-style-icon>a:before {
	color: #000;
}

Best Regards.

Thank you.

It works now. Perfect.

Best regards.

Hi berger.thorsten,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts