How to align quantity button to the left on product page [Dawn Theme 6.0.2]

Solved
henrycui
Excursionist
14 0 4

Hi, 

 

On the product page the quantity selector button is centered but I want it to be aligned with the left of the container. Another solution would be to increase container width to the same as the add to cart button, either solution is OK.

 

ISSUE 1.1.png

Accepted Solutions (3)
PHAVIA
Shopify Partner
393 54 63

This is an accepted solution.

hi @henrycui ,

Can you give the link to your store, if your store have protected by password, you can give the password as well,  i will check then give to you the suggestion, thanks!

You can please Like and Accepted Solution if my suggestion helpful. And if you want to do feature development or customize the store => Let Hire Us. And will have a small fee for us when finished work.
- Contact Support : Slack Channel | Email: phaviaecommerce@gmail.com

View solution in original post

PHAVIA
Shopify Partner
393 54 63

This is an accepted solution.

The solve for you!

You can add the short code into at the bottom of assets/base.css file:

.product .product__info-container .quantity {
  margin: unset !important;
}
Thank!
You can please Like and Accepted Solution if my suggestion helpful. And if you want to do feature development or customize the store => Let Hire Us. And will have a small fee for us when finished work.
- Contact Support : Slack Channel | Email: phaviaecommerce@gmail.com

View solution in original post

Niraj_singh
Shopify Partner
232 39 44

This is an accepted solution.

Hello @henrycui 


Please use below code on assets -> base.css at the bottom to align quantity box to left


.product .product__info-container .quantity{

margin:0 !important;
}

View solution in original post

Replies 6 (6)
PHAVIA
Shopify Partner
393 54 63

This is an accepted solution.

hi @henrycui ,

Can you give the link to your store, if your store have protected by password, you can give the password as well,  i will check then give to you the suggestion, thanks!

You can please Like and Accepted Solution if my suggestion helpful. And if you want to do feature development or customize the store => Let Hire Us. And will have a small fee for us when finished work.
- Contact Support : Slack Channel | Email: phaviaecommerce@gmail.com
henrycui
Excursionist
14 0 4

Sure.

 

https://www.ffcollectibles.com.au/

 

Thanks for the prompt message 🙂

PHAVIA
Shopify Partner
393 54 63

This is an accepted solution.

The solve for you!

You can add the short code into at the bottom of assets/base.css file:

.product .product__info-container .quantity {
  margin: unset !important;
}
Thank!
You can please Like and Accepted Solution if my suggestion helpful. And if you want to do feature development or customize the store => Let Hire Us. And will have a small fee for us when finished work.
- Contact Support : Slack Channel | Email: phaviaecommerce@gmail.com
henrycui
Excursionist
14 0 4

Thank you, worked fine!

Niraj_singh
Shopify Partner
232 39 44

This is an accepted solution.

Hello @henrycui 


Please use below code on assets -> base.css at the bottom to align quantity box to left


.product .product__info-container .quantity{

margin:0 !important;
}

henrycui
Excursionist
14 0 4

Thank you!