Wishlist icon color

Resolved pjhimseelf
(@pjhimseelf)

2 years, 5 months ago

Hello there,
I want the add to wishlist icon (heart) on the product image to have a different color as the general link color. I don’t know how to use css. Could you help me with this problem?

Thanks in advance
PJ

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Author YITHEMES
(@yithemes)

2 years, 5 months ago
Hi PJ

You can try to add the following CSS rule at the end of Additional CSS section of your theme customizer (WP Dashboard -> Appearance -> Customize)
```
ul.products li.product .yith-wcwl-add-to-wishlist i {
    color: #AF9453;
}
```
That should produce this effect
If you want to change the color, you’ll just need to replace #AF9453 in the previous code with any other color code you prefer 🙂
- This reply was modified 2 years, 5 months ago by YITHEMES.
Thread Starter pjhimseelf
(@pjhimseelf)

2 years, 5 months ago

Hello,
thanks for your help, this worked fine. Is it also possible to make the “Select options” to this color?

Thanks in advance
PJ
Plugin Author YITHEMES
(@yithemes)

2 years, 5 months ago
Yes, by adding the following rule to the code that I previously sent you
```
ul.products li.product a.add_to_cart_button {
    color: #AF9453;
}
```
Anyway, please consider that this forum is only dedicated to YITH WooCommerce Wishlist questions; try to avoid going OT
Thread Starter pjhimseelf
(@pjhimseelf)

2 years, 5 months ago

Thank you very much,
sorry for asking 🙂

PJ
Thread Starter pjhimseelf
(@pjhimseelf)

2 years, 5 months ago
Resolved
- This reply was modified 2 years, 5 months ago by pjhimseelf.
Plugin Author YITHEMES
(@yithemes)

2 years, 5 months ago

You’re welcome 😉

If you enjoy our plugin, please take a couple of minutes to leave us a 5 star review; this would really help, and support our work
Thank you!

Arlene Foy
(@arlenefoy1)

2 years, 4 months ago

Hi – this did not work for me.

I am trying to change the colour of my heart icon outline and also when it is selected to add to the wishlist. I’m using Select theme – Níle

Any help would be much appreciated