[Resolved] WooCommerce/GP appending product name in front of Quantity box?

[Nik]

On my single product page, the product name text is added in front of the Quantity box label. It should just be “Quantity” but now it’s “[full name of product] quantity”.
Not sure if this is caused by the update to GP 1.8 or by WooCommerce 3.6.

[Tom]

Hi there,

It seems something is displaying the screen reader text. Can you disable Autoptimize so I can see where the CSS is coming from?

Thanks!

[Nik]

Hi Tom, I’ve disabled it.

[Tom]

I’m seeing this custom CSS in “Customize > Additional CSS”:

/* add the "Quantity" label on the left of the quantity box */
.single-product .quantity > label {
		position: relative!important;
    color: #040404!important;
    top: 0!important;
		font-size:17px;
}

If you remove that, it should go away.

[Nik]

But this code just adds the “Quantity” label to the left of the Quantity box and was working fine all along. If I didn’t have this code, it would just be a box there which will be a bit confusing for some.

[David]

Hi there,

remove that CSS and try this instead:

.woocommerce div.product form.cart div.quantity:before {
    content: 'Quantity\00a0';
    color: #040404;
    font-size: 17px;
    font-weight: 500;
}

[Nik]

Thanks, works now.

[David]

You’re welcome

[Author]

Posts