QTY button for add to cart

[bestfitbybrazil]

i trying to style the minus and plus buttons to white.  that worked.  But when i found an element name for the actual number and turned it to white color, it shows up in customizing css but not live on mobile view.

 

This is what shows live on mobile

 

this is what i get after styling it in customization mode.  (it worked here)

THIS IS CODE I USED BELOW.  the bottom section is for the number that won’t show live.  the plus and minus code is right above it.

[Harry]

Hi,

Please change code to

.input-text.qty.text.tc {
	color: #fff;
}

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

ok great that worked. how is one to know which element name to use when it seems to work for several at times?  Also same problem with the WishList heart.   i used a couple of names for it including “.add_to_wishlist.cw to recolor” but it doesn’t recolor to white. 

[Harry]

Yes, please .add_to_wishlist.cw

I recommend use class not use id with number like #quantity_454…

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

i used the class and color did not change

[bestfitbybrazil]

color did not change. still like a gray color.

[bestfitbybrazil]

i found a way to select the heart in the center as a separate element and recolor it, but not the circle border  around the heart.  so it looks ok with that change if you can’t find a way to change border circle to white.

 

[Harry]

Hi,

For border of wishlist button please use below code

.cart .yith-wcwl-add-to-wishlist {
	border: 1px solid #fff !important;
}

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts