Title: Wishlist customization Last modified: December 11, 2019 --- # Wishlist customization * [giofabbrocino](https://wordpress.org/support/users/giofabbrocino/) * (@giofabbrocino) * [6 years, 6 months ago](https://wordpress.org/support/topic/wishlist-customization/) * Hi guys, how are you? * i’m trying to have a wishlist displayed as button with white background, black text and black border, and not just black text displayed as text. I followed the instruction for the free version (dashboard->yith->customization style and colors->button custom style) **but it doesn’t change**. * Let me know please how i can fix it. * Thanks Viewing 6 replies - 1 through 6 (of 6 total) * Plugin Author [YITHEMES](https://wordpress.org/support/users/yithemes/) * (@yithemes) * [6 years, 6 months ago](https://wordpress.org/support/topic/wishlist-customization/#post-12227811) * 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 * Thread Starter [giofabbrocino](https://wordpress.org/support/users/giofabbrocino/) * (@giofabbrocino) * [6 years, 6 months ago](https://wordpress.org/support/topic/wishlist-customization/#post-12228048) * I didn’t try with twenty default theme yet! * Here you find stage link, is it ok or you want something else? [http://www.staging2.onlinedoublea.com](http://www.staging2.onlinedoublea.com) * Thanks * Thread Starter [giofabbrocino](https://wordpress.org/support/users/giofabbrocino/) * (@giofabbrocino) * [6 years, 6 months ago](https://wordpress.org/support/topic/wishlist-customization/#post-12228062) * 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 * Plugin Author [YITHEMES](https://wordpress.org/support/users/yithemes/) * (@yithemes) * [6 years, 6 months ago](https://wordpress.org/support/topic/wishlist-customization/#post-12228413) * 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](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](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](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? * Thread Starter [giofabbrocino](https://wordpress.org/support/users/giofabbrocino/) * (@giofabbrocino) * [6 years, 6 months ago](https://wordpress.org/support/topic/wishlist-customization/#post-12230193) * 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!! * Plugin Author [YITHEMES](https://wordpress.org/support/users/yithemes/) * (@yithemes) * [6 years, 6 months ago](https://wordpress.org/support/topic/wishlist-customization/#post-12230806) * 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](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](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 Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘Wishlist customization’ is closed to new replies. * ![](https://ps.w.org/yith-woocommerce-wishlist/assets/icon-128x128.gif?rev=3129302) * [YITH WooCommerce Wishlist](https://wordpress.org/plugins/yith-woocommerce-wishlist/) * [Frequently Asked Questions](https://wordpress.org/plugins/yith-woocommerce-wishlist/#faq) * [Support Threads](https://wordpress.org/support/plugin/yith-woocommerce-wishlist/) * [Active Topics](https://wordpress.org/support/plugin/yith-woocommerce-wishlist/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/yith-woocommerce-wishlist/unresolved/) * [Reviews](https://wordpress.org/support/plugin/yith-woocommerce-wishlist/reviews/) * 6 replies * 2 participants * Last reply from: [YITHEMES](https://wordpress.org/support/users/yithemes/) * Last activity: [6 years, 6 months ago](https://wordpress.org/support/topic/wishlist-customization/#post-12230806) * Status: not resolved