Stylizing "Quantity" box on Product Block

Site URL: https://www.kovikai.com/shop

Hi. I am wondering how to stylize the box around the quantity on my page. I looked in the "styles" and can't find it. I'd like to make it pill shaped and a different color. It's currently a harsh black outline.

Thanks in advance!

Add to Home > Design > Custom CSS

/* product block quantity */
.product-block .productDetails .product-quantity-input input {
    border-radius: 5px;
    background: red;
}

Please can you advise how to change the outline of the box to be transparent?

On 9/24/2021 at 4:07 AM, thelinny said:

Please can you advise how to change the outline of the box to be transparent?

Can you share link to a product?

https://www.thelinny.co.uk/gift-vouchers

On 9/25/2021 at 3:03 PM, thelinny said:

https://www.thelinny.co.uk/gift-vouchers

Add to Design > Custom CSS

/* Product block quantity */
.product-block .product-quantity-input input {
    border: none !important;
}

Thank you! That's great.

Is there a way to also remove the box on the cart page?

On 10/1/2021 at 11:41 PM, cassandrarudolph said:

Is there a way to also remove the box on the cart page?

Add to Design > Custom CSS

/* remove quantity cart page */
._225eTv05l {
    display: none;
}
.item-quantity {
    display: none;
}

On 9/26/2021 at 8:16 PM, tuanphan said:

Add to Design > Custom CSS

/* Product block quantity */
.product-block .product-quantity-input input {
    border: none !important;
}

 

I'm trying to use this code for 7.1, doesn't seem to be working?

22 minutes ago, vnr said:

I'm trying to use this code for 7.1, doesn't seem to be working?

Can you share link to a product?

@tuanphan is it possible to change the format of the quantity box to a dropdown with preset options? (e.g. customer can only select 1,2,3 or 4 from a quantity dropdown)

https://calliope-burgundy-25l9.squarespace.com/intrepid-presale/p/intrepid23

password: 123

On 2/21/2023 at 12:05 AM, oyolab said:

@tuanphan is it possible to change the format of the quantity box to a dropdown with preset options? (e.g. customer can only select 1,2,3 or 4 from a quantity dropdown)

https://calliope-burgundy-25l9.squarespace.com/intrepid-presale/p/intrepid23

password: 123

Hi,

I don't know this