Remove the word "Quantity" from the product page

[JesusGomicare]

Hi guys,

I’m trying to remove the word “Quantity” (“Cantidad” in spanish) and remove / modify the border from the quantity selector from the product page.

Can anyone hep?

[EBOOST]

Hi @JesusGomicare ,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Assets/base.css
3. Add code below to end of file

/* remove border and remove the word “Quantity” */

.product-form__quantity .form__label {
  display: none!important;
}
.product-form__quantity .quantity:after,
.product-form__quantity .quantity:before {
  box-shadow: 0 0 0;
}

/* Change border color to red and remove the word “Quantity” */

.product-form__quantity .form__label {
  display: none!important;
}

.product-form__quantity .quantity:before {
  box-shadow: 0 0 0;
}

.product-form__quantity .quantity:after{
  box-shadow: 0 0 0 var(--inputs-border-width) red;
}

[Sweans]

Hi @JesusGomicare ,

You fix this by adding a simple line of css code.

.quantity__label{

display:none !important;

}

.quantity::after{

border: 1px solid red;

box-shadow: unset !important;

}

goto your online store > themes > click on three dots of current theme > edit code > in leftsidebar search base.css / theme.css / main.css > open it and paste the above code.

If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,
Sweans