Re: How to put Quantity on the center

Solved

How to put Quantity on the center

VisarK
Trailblazer
199 0 41

Hello community,hope you're doing well.I use dawn theme and in collection page i have choose options which there the name " quantity' is in the left side and i want to be in the center like size, color 

Screenshot_20240619_070803_Chrome.jpg

Screenshot_20240619_070730_Chrome.jpg

Accepted Solution (1)

theycallmemakka
Shopify Partner
1810 438 473

This is an accepted solution.

Hi @VisarK 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.product-form__quantity .form__label {
    text-align: center!important;
}
</style>

theycallmemakka_0-1718775441584.png

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 5 (5)

Team_OSC
Shopify Partner
158 18 25

Hi @VisarK 

Please share your store URL and password (if any).

VisarK
Trailblazer
199 0 41

theycallmemakka
Shopify Partner
1810 438 473

This is an accepted solution.

Hi @VisarK 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.product-form__quantity .form__label {
    text-align: center!important;
}
</style>

theycallmemakka_0-1718775441584.png

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

VisarK
Trailblazer
199 0 41

Thanks a lot @theycallmemakka.It works

Vinsinfo
Shopify Partner
491 167 172

@VisarK Please follow below steps to center the "Quantity" option in collection page. Let me know whether it is helpful for you.

 

1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Go to "base.css" file and paste the below code at the bottom of the file and save changes.

 

.quick-add-modal__content-info .quantity__label {
    text-align: center !important;
}

 

Vinsinfo_1-1718776194450.png

 

Result will be like,
Vinsinfo_0-1718776184131.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support