Add/Added Wishlist Button – Change Style + Add title="" Attribute

[Knut Klimmek]

Hey Guys,

Looking for some help editing the Wishlist button on the product pages.

So far I’ve edited the star; made it yellow, bigger, removed the background and added a :hover state:

/* Add To Wishlist Button */
.yith-wcwl-add-button > a i{
color: #ccc;
font-size: 25px;
}
.yith-wcwl-add-button > a i:hover{
color: #FFDF00;
text-shadow: 0px 0.5px #999 !Important;
}
.woocommerce form.cart .yith-wcwl-add-to-wishlist{
background-color:transparent;
border-left: none;
}

I’m trying to now edit the checked grey box that appears after the user clicks the star:
1.I’d like to remove the grey background on the checked box, after the product is added to the wishlist (see screenshot)
– I’ve tried editing the css, but I cannot figure out which class/id to call to change that background.. Any ideas?

.woocommerce form.cart .yith-wcwl-wishlistaddedbrowse{
background-color:transparent !Important;
border-left:none;
}

.yith-wcwl-wishlistexistsbrowse show{
background-color:none !Important;
}

2. I’d like to add a html title attribute to the Wishlist button, to display a title on hover.. Is there any way to do this?

Any help is much appreciated!

Cheers,
Max

Attachments:

You must be logged in to view attached files.

[Knut Klimmek]

Hey,

I resolved 1. by using the following code:

.woocommerce form.cart .yith-wcwl-add-to-wishlist a{
background: none !Important;
}

[Rui Guerreiro – SUPPORT]

Hi,

Glad you sorted 1.

I’m afraid it isn’t possible without changing the Wishlist plugin code. Unfortunately those kind of customizations are outside our support scope.

-Rui

[Knut Klimmek]

Ok, thanks Rui!

I’ll set this post to resolved..

[Mohammad – SUPPORT]

Hi,
I am glad 🙂 that your issue resolved.
Thanks
Mohammad