How do i increase the width of the Quantity selector at cart out page

Highlighted
Excursionist
21 0 5

Hi, 

need some help on increasing the width of the quantity selector at the cart out page of my website?

www.littlelynstudio.com

attached a snippet below for reference

check out page.png

 

thank you!

1 Like
Highlighted
Shopify Partner
3129 681 833

@lynettte 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-cart input.cart__quantity-selector {
width: 40% !important;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
21 0 5

@dmwwebartisan 

it didnt work, the front page got affected, and the cart out page too.

any solutions?

Top bar.png

 

Untitled.png

0 Likes
Highlighted
Excursionist
21 0 5

@dmwwebartisan 

ohh ignore my previous reply. i think your code works!

but how do i fix the quantity font size to be the same as the font size for "prices" and "total"?

and how do i reduce the white space - seen by the arrow?

Untitled.png

 

 

1 Like
Highlighted
Shopify Partner
3129 681 833

@lynettte 

Remove old code and add this new one:

.template-cart input.cart__quantity-selector {
    width: 40% !important;
    font-family: 'Futura' !important;
    font-size: 0.86667em !important;
}
.template-cart .section-header{
margin-bottom: 0px !important;
}
.template-cart .cart__row{
margin-top: 0px !important;
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
21 0 5

@dmwwebartisan 

great, that helped, thank you.

i am also having an issue with the size of the price in the product pages.

 

how do i reduce the size of the price "$22.90", and i want the "size", "quantity" buttons to be rounded?

Untitled.png

 

0 Likes