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.
.