Let’s proceed step by step:
i’m trying to have a wishlist displayed as button with white background, black text and black border
As I initially guessed, your theme is overriding some of the CSS rules that we use to customize button
Anyway, I created this CSS rule that should change the button as you requested
.product-content .yith-wcwl-add-to-wishlist a.add_to_wishlist.button{
background: #fff;
padding: .5rem 2.7rem;
border-radius: 0;
border: 1px solid;
}
Final result: https://www.screencast.com/t/bNvfpf3V3EE
i want to align wishlist button under the add to cart button in the single product page, is it possible?
Do you mean something like this? https://www.screencast.com/t/GooSC6AM
In this case add the following additional rule
.product-content .yith-wcwl-add-to-wishlist{
margin-left: 112px;
}
I tested it, and it seems to work pretty fine on any screen resolution
For example i cannot see the message for the item already added to wishlist, also i cannot see “remove from wishlist” once i’ve added the item.
I checked your site, but I can see remove from wishlist correctly, after adding: https://www.screencast.com/t/wjxPgSKeP1
You cannot have both remove from wishlist and Browse wishlist message, since you select just one of these behaviours with the dedicated option
Also i don’t know why, in the shop window, the wishlist button disappear in the hover label buttons when i pass/tap over the product image.
I cannot see Add to Wishlist button on shop page at all; did you disabled it?
