Hide price in Add to Cart button when item is sold out

To remove the price when an item is sold out, you can use this customization.

Example Result:

Code:

/* -- code to hide price in add to cart button when sold out -- */
.btn.disabled .unicode, .btn.disabled .buttonPrice { display:none;}
/* - end - */

Optional - Change the button color:

/* -- code to make sold out button black with white text -- */
.btn.disabled {background-color: #111111; color: #ffffff; font-weight: bold;}
/* - end - */

You can use any valid hex color code for the button color and text font:

http://www.colorhexa.com/web-safe-colors


Where do I add the code?

Use this link to learn where exactly to add this code snippet:

Where to add your CSS style code

Still need help? Contact Us Contact Us