Change colour of heart and

Hello there,

Thanks for contacting us and I hope you’re doing well.

By default our YITH WooCommerce Wishlist plugin doesn’t add any heart icon in the image product. Probably the theme integrate our Wishlist plugin and add the heart icon in the image.

In our YITH WooCommerce Wishlist button is possible to change the color when you are hover the button. see the following URL ( https://prnt.sc/ilszyx )

If you send me the link of your site I can see if you can change the color in our plugin or you should contact to the theme developers in order to do it.

I’m looking forward your response.

Have a good day,
YIThemes.

• This reply was modified 7 years ago by YITHEMES.

Sorry, it was solved! Thank you for your answer.

I have another question, depends on I select the position of the wishlist button in a single product, it has different appearance. I would like to display the button after “add to cart” button but it inherits the same style of “add to cart” button!!! By contrast, when I place the button after the summary it has its own style css.

We found in a style_dynamic.php that add_to_cart_button and yith-wcwl-add-to-wishlist have the same css. Check it out below:

<?php
$woo_products_single_add_to_cart_style = array();
$woo_products_single_add_to_cart_hover_style = array();

if(isset($qode_options[‘woo_products_single_add_to_cart_font_family’]) && $qode_options[‘woo_products_single_add_to_cart_font_family’] !== ‘-1’) {
$woo_products_single_add_to_cart_style[] = ‘font-family: ‘.str_replace(‘+’, ‘ ‘, $qode_options[‘woo_products_single_add_to_cart_font_family’]).’, sans-serif’;
}

if(isset($qode_options[‘woo_products_single_add_to_cart_font_size’]) && $qode_options[‘woo_products_single_add_to_cart_font_size’] !== ”) {
$woo_products_single_add_to_cart_style[] = ‘font-size: ‘.$qode_options[‘woo_products_single_add_to_cart_font_size’].’px’;
}

if(isset($qode_options[‘woo_products_single_add_to_cart_line_height’]) && $qode_options[‘woo_products_single_add_to_cart_line_height’] !== ”) {
$woo_products_single_add_to_cart_style[] = ‘line-height: ‘.$qode_options[‘woo_products_single_add_to_cart_line_height’].’px’;
$woo_products_single_add_to_cart_style[] = ‘height: ‘.$qode_options[‘woo_products_single_add_to_cart_line_height’].’px’;
}

if(isset($qode_options[‘woo_products_single_add_to_cart_letter_spacing’]) && $qode_options[‘woo_products_single_add_to_cart_letter_spacing’] !== ”) {
$woo_products_single_add_to_cart_style[] = ‘letter-spacing: ‘.$qode_options[‘woo_products_single_add_to_cart_letter_spacing’].’px’;
}

if(isset($qode_options[‘woo_products_single_add_to_cart_font_weight’]) && $qode_options[‘woo_products_single_add_to_cart_font_weight’] !== ”) {
$woo_products_single_add_to_cart_style[] = ‘font-weight: ‘.$qode_options[‘woo_products_single_add_to_cart_font_weight’];
}

if(isset($qode_options[‘woo_products_single_add_to_cart_font_style’]) && $qode_options[‘woo_products_single_add_to_cart_font_style’] !== ”) {
$woo_products_single_add_to_cart_style[] = ‘font-style: ‘.$qode_options[‘woo_products_single_add_to_cart_font_style’];
}

if(isset($qode_options[‘woo_products_single_add_to_cart_text_transform’]) && $qode_options[‘woo_products_single_add_to_cart_text_transform’] !== ”) {
$woo_products_single_add_to_cart_style[] = ‘text-transform: ‘.$qode_options[‘woo_products_single_add_to_cart_text_transform’];
}

if(isset($qode_options[‘woo_products_single_add_to_cart_color’]) && !empty($qode_options[‘woo_products_single_add_to_cart_color’])) {
$woo_products_single_add_to_cart_style[] = ‘color: ‘.$qode_options[‘woo_products_single_add_to_cart_color’];
}

if(isset($qode_options[‘woo_products_single_add_to_cart_background_color’]) && !empty($qode_options[‘woo_products_single_add_to_cart_background_color’])) {
$woo_products_single_add_to_cart_style[] = ‘background-color: ‘.$qode_options[‘woo_products_single_add_to_cart_background_color’];
}

if(isset($qode_options[‘woo_products_single_add_to_cart_border_width’]) && $qode_options[‘woo_products_single_add_to_cart_border_width’] !== ”) {
$woo_products_single_add_to_cart_style[] = ‘border-width: ‘.$qode_options[‘woo_products_single_add_to_cart_border_width’].’px’;
}

if(isset($qode_options[‘woo_products_single_add_to_cart_border_color’]) && !empty($qode_options[‘woo_products_single_add_to_cart_border_color’])) {
$woo_products_single_add_to_cart_style[] = ‘border-color: ‘.$qode_options[‘woo_products_single_add_to_cart_border_color’];
}

if(isset($qode_options[‘woo_products_single_add_to_cart_border_radius’]) && $qode_options[‘woo_products_single_add_to_cart_border_radius’] !== ”) {
$woo_products_single_add_to_cart_style[] = ‘border-radius: ‘.$qode_options[‘woo_products_single_add_to_cart_border_radius’].’px’;
}

if(is_array($woo_products_single_add_to_cart_style) && count($woo_products_single_add_to_cart_style)) { ?>
.woocommerce.single-product button.single_add_to_cart_button,
.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a,
.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a,
.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a{
<?php echo implode(‘;’, $woo_products_single_add_to_cart_style); ?>
}

.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:after,
.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:after,
.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:after{
<?php
if(isset($qode_options[‘woo_products_single_add_to_cart_line_height’]) && $qode_options[‘woo_products_single_add_to_cart_line_height’] !== ”) {
echo ‘line-height:’.($qode_options[‘woo_products_single_add_to_cart_line_height’]-3).’px’;
}
?>
}
<?php }

if(isset($qode_options[‘woo_products_single_add_to_cart_hover_color’]) && !empty($qode_options[‘woo_products_single_add_to_cart_hover_color’])) {
$woo_products_single_add_to_cart_hover_style[] = ‘color: ‘.$qode_options[‘woo_products_single_add_to_cart_hover_color’];
}

if(isset($qode_options[‘woo_products_single_add_to_cart_background_hover_color’]) && !empty($qode_options[‘woo_products_single_add_to_cart_background_hover_color’])) {
$woo_products_single_add_to_cart_hover_style[] = ‘background-color: ‘.$qode_options[‘woo_products_single_add_to_cart_background_hover_color’];
}

if(isset($qode_options[‘woo_products_single_add_to_cart_border_hover_color’]) && !empty($qode_options[‘woo_products_single_add_to_cart_border_hover_color’])) {
$woo_products_single_add_to_cart_hover_style[] = ‘border-color: ‘.$qode_options[‘woo_products_single_add_to_cart_border_hover_color’];
}

if(is_array($woo_products_single_add_to_cart_hover_style) && count($woo_products_single_add_to_cart_hover_style)) { ?>
.woocommerce.single-product button.single_add_to_cart_button:hover,
.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:hover,
.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover,
.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover{
<?php echo implode(‘;’, $woo_products_single_add_to_cart_hover_style); ?>
}
<?php } ?>

Any idea to get “wishlist” button without that styles? How could I disable that styles for “wishlist” button?
Thank you so much!