Site logo

Archived topic

Aligning Qty & Add to Cart Button on WC Product Page

3 replies · Started by Shaun on November 4, 2021

Viewing posts 1–4 of 4

I'm using GP Pro in conjunction with WooCommerce on this site.

On this sample product page, you will see that the Qty field and the Add to Cart button are top-aligned.

However, the word and dashes -OR- are centre-aligned. And, the Qty field is a different height to the Add to Cart button.

Is there a way to:

  1. Centre-align the Qty field and the Add to Cart button
  2. Adjust the height of the Qty field

for all product pages
Thx
Shaun

Hi there,

try adding this CSS:

.woocommerce.single-product .quantity .qty {
    height: 100%;
}

Thx David

That worked perfectly!

Glad to hear that!

This archived topic is closed to new replies.