ENVY THEME: changing the size of the 'Quantity' buttons on product pages

Solved
Highlighted
Tourist
15 0 1

hello

i was wondering if there was anyone out there who could please help me change the size of the 'Quantity' button on the product pages

i would like it about 50% smaller in terms of width, and about 25% smaller for height (the same height as the 'add to cart' or 'buy it now' buttons

thanks in advance!

Tanya

 

Screen Shot 2020-08-11 at 10.55.00 AM.png

0 Likes
Highlighted
Trailblazer
235 35 38

Hello Tanya,

Please share your store url so I can write css and you will apply to your current theme.

Expert Shopify Developer hire me
Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
Highlighted
Tourist
15 0 1

hello

shop name is

july-store-kolkata.myshopify.com

password is Time2getgoing2020

thanks so much for your help
tanya
0 Likes
Highlighted
Trailblazer
235 35 38

Thanks,
I have checked quantity box. We need to change in CSS. If you are not familiar with CSS then let me know I can do it. Just to add me(info@creatpix.com) as a staff in your Shopify store.

Expert Shopify Developer hire me
Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
Highlighted
Tourist
15 0 1

hello

how do i go about changing the css? if you can send the code i can add it in the theme.css.liquid, etc, if you can send me the code and where to install it i can do it then

is that possible?

thanks

tanya

1 Like
Highlighted
Trailblazer
235 35 38

This is an accepted solution.

@media (min-width: 767px) { 
.template-product [class*='quantity-controls'] { 
    max-width: calc(120px + 30px); 
} 
.quantity-selector { 
    padding: 10px 10px; 
}
}

Add css in your theme.scss.liquid file

Expert Shopify Developer hire me
Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes