Wishlist customization

If the options that you can find under WP Dashboard -> YITH -> Wishlist -> Add to Wishlist Options -> STYLE & COLOR CUSTOMIZATION aren’t properly working, my best guess is that someone else (probably the theme) is overrding them with its style

Have you tried the same scenario with Twenty default theme, to see if theme style is overriding wishlist’s one?

In any case, if you share with me a link to your installation, I’ll be glad to provide you with some CSS rules to add to Theme Customizer, that will help you get the result you’re searching for

I didn’t try with twenty default theme yet!

Here you find stage link, is it ok or you want something else?
https://www.staging2.onlinedoublea.com

Thanks

Also i’ve other questions:
i want to align wishlist button under the add to cart button in the single product page, is it possible?

Also the other customization in WP Dashboard -> YITH -> Wishlist -> Add to Wishlist Options -> STYLE & COLOR CUSTOMIZATION aren’t properly working, can you check them at all please?
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.
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.

How can we fix it?
Thanks

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?

Good morning guys, thanks for the answers!

I’ve tried to add your css code, but unfortunately nothing is changing!
Also you were right, my actual child theme is overriding the button customization, do you think that the reason of this problem is the child theme? Maybe when i’m changing it into the parent theme it will be fixed?

Also the customized alignment doesn’t work, due to overriding problem as first.
However i’ve opened a ticket support with the theme’s developer about these issues ??

Now i can see remove from wishlist or view, so it is fixed!

Yes, sorry about add to wishlist in shop page, i disabled it!
Please, can you check now? i enabled it and i’ve the same issue, it displays the cart button icon and not the heart.

Thanks for the support!!

Hi again

do you think that the reason of this problem is the child theme? Maybe when i’m changing it into the parent theme it will be fixed?

Actually I see many rules specific for the Add to Wishlist button coming from you theme: https://www.screencast.com/t/wUF7kn6F
Anyway, I don’t feel like this is a bug, since it is up to theme to define appearance of your site, afterall

If theme developers could help get the appearance that you want, this would most certenly be the best solution to your issue

Regarding the shop page (as well as the product page, currently) I can see that theme icon was added to ATW button: https://www.screencast.com/t/jtB6YhOkS6e0
This seems to be working properly, and if you don’t need plugin icon, you could consider to disable it and keep theme’s one