GeneratePress WooCommerce Quantity Buttons

Hi there,

can you share a link to your site?

Hi David,

See the private info for link.

Best,

Allison

Looks like you have a plugin called Woocommerce Qty Increment ?
Which is affecting the GP Button styles.

If you need that plugin then you remove the GP style by unchecking the Display Quantity Buttons in Customizer > Layout > Woocommerce

https://docs.generatepress.com/article/woocommerce-overview/#single-product

Hi David,

Thanks, that seemed to fix it, however I noticed that the default woo increase up and down arrows are still showing when you over over the quantity number, is that supposed to be that way with the woo quantity buttons turned on? It's off-setting the number and cutting it off when increasing the amount.

Best,

Allison

Thats odd that the number spinner should be appearing.
Try adding this CSS to remove them:

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

Thanks David, that worked! :)

Glad to hear that!