Hey guys, having an issue with buttons in Woo Commerce. Once a product is in cart and you view the cart the “apply coupon” and “update cart” buttons are displaying half the size of other site buttons – cutting off the text and making it hard to read.
Here’s a screenshot of the problem:
nicolerevish.com/temp
You helped me establish the button sizes:
.button {
height: 10px;
width: 15px;
}
…but this doesn’t work for the “in cart” buttons.
Any help you can provide would be great!
Thanks again!
Hi Mjordan
Good to hear from you. We looked around the site a bit but, unfortunately, couldn’t find the shop. Could you please, direct us to the shop URL so we can add a product to the cart and view the problem.
Here’s the URL for the shop – nicolerevishshop.com. You can select any product from the menu, go to that product page and add to cart. Sorry for the delay.
Thanks for the update. The problem is caused by the following rule that’s been added to Appearance > Custom CSS:
.button { height: 10px; width: 15px; }Hope that helps.
Sorry for the long delay on your fix. That worked! I thought this code:
.button {
height: 10px;
width: 15px;
}
…played a role with the other Woo buttons but after removing it everything else displays
correctly as I’d hoped. Thanks again.
Awesome :) Glad to hear it. All the best.