Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › wishlist icon
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › wishlist icon
- This topic has 16 replies, 4 voices, and was last updated 10 years by Mohammad – SUPPORT.
-
Posted in: Neighborhood
-
May 30, 2014 at 6:11 am #78882
Hi, i need 2 things. one to change the colour of the wishlist’s background colour, currently purple. Also, when i hover over the product image, the wishlist icon & background colour is not full padded. please see attached.
May 30, 2014 at 8:08 am #78918Hi
You seem to have lost some of the themes styling, please can I see your link to check?
– Kyle
May 30, 2014 at 8:10 am #78920http://honk.sg/product/robert-glasper-experiment-black-radio-2/
i have fixed the padding with custom css. just to change the colour
May 30, 2014 at 8:18 am #78928Hi
Add this to your custom css:
.add_to_wishlist:hover { background: #444444!important; }
– Kyle
May 30, 2014 at 8:27 am #78935thanks. but how can i change the default purple colour to brown?
May 30, 2014 at 8:29 am #78937for the listing page. i mean.
May 30, 2014 at 8:48 am #78942Add this:
.woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt { background: transparent; }
– Kyle
May 30, 2014 at 9:25 am #78959hi, still having problem with padding on two area. the listing & the product page. please see attached.
May 30, 2014 at 9:31 am #78965Add this:
.woocommerce form.cart .yith-wcwl-add-to-wishlist a { padding: 13px 13px; }
– Kyle
May 31, 2014 at 4:34 am #79194tested it on mobile and padding still not perfect. see attached for mobile shot.
this are the custom css in action
li.product figcaption .shop-actions {
min-height: 33px;
}li.product figcaption .shop-actions > a {
padding: 7px 14px;
}
.add_to_wishlist:hover {
background: #444444!important;
}
.woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt {
background: transparent;
}
.woocommerce form.cart .yith-wcwl-add-to-wishlist a {
padding: 9.2px 9.2px;June 1, 2014 at 6:09 pm #79360Hi @tonywong,
You shouldn’t need any of this CSS. What version of the theme/WooCommerce are you using?
– Ed
June 2, 2014 at 2:17 am #79404theme is 1.7.3 & woocommerce is 2.1.9
June 2, 2014 at 10:41 am #79498@tonywong – very odd. I think it must be something to do with your minification. Can you please try commenting out the custom css you’ve been given, and disabling that to see if it shows correctly?
– Ed
June 2, 2014 at 11:20 am #79510hi, i have removed this css:
li.product figcaption .shop-actions > a {
padding: 7px 14px;
}=>>>>> the outcome is the first attachment
remove css:
.add_to_wishlist:hover {
background: #444444!important;
}
.woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt {
background: transparent;
}>>>>outcome is 2nd attachment
June 3, 2014 at 3:26 pm #79881Sorry it took a while to get back to you, this code should be all you need:
.yith-wcwl-add-to-wishlist a.add_to_wishlist { line-height: 22px; }
Let me know.
– Ed
-
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.