How to center the quantity picker in Brooklyn theme

Solved
artifulboutique
Excursionist
35 0 7

Hi people, 

I can't find how to center the quantity picker and how to reduce its large size. My address is www.artifulboutique.com1.jpg

Accepted Solution (1)

Accepted Solutions
Bluish
Shopify Partner
646 92 115

This is an accepted solution.

Hi @artifulboutique 

Go to Asset folder, find timber.scss.css, and paste the below code at the end of the file.

 

#Quantity {
    margin: auto;
}

Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.


To hire me, visit my Upwork profile

View solution in original post

Replies 6 (6)
Bluish
Shopify Partner
646 92 115

This is an accepted solution.

Hi @artifulboutique 

Go to Asset folder, find timber.scss.css, and paste the below code at the end of the file.

 

#Quantity {
    margin: auto;
}

Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.


To hire me, visit my Upwork profile

View solution in original post

dmwwebartisan
Shopify Partner
9824 2236 3073

@artifulboutique 

Right mouse button is disabled on your store. Couldn't inspect your store element. Could you please enable it? 

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
artifulboutique
Excursionist
35 0 7

Thank you very much! 

 

Do you know how to center the number and how to make the 1.jpgpicker smaller? 

Bluish
Shopify Partner
646 92 115

Hi @artifulboutique 

Dont know what you mean by make it smaller, but to center the text us the below code, replace the original

#Quantity {
    margin: auto;
    text-align: center;
}

Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.


To hire me, visit my Upwork profile

artifulboutique
Excursionist
35 0 7

Sorry, my first language is french so I struggle a little bit sometimes with english! I want the quantity picker to be smaller in width since it's just a number. Thank you thought for the little code. I just centered the numbers. 

artifulboutique
Excursionist
35 0 7

artifulboutique_0-1636637641627.png

I want the quantity picker less large. I would like to try to put it in white too.