Solved

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

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)

VIEKIN
Shopify Partner
656 79 95

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 customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513

View solution in original post

VIEKIN
Shopify Partner
656 79 95

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 customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513

View solution in original post

Niraj_singh
Shopify Partner
232 39 47

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;
}

banned

View solution in original post

Replies 6 (6)

VIEKIN
Shopify Partner
656 79 95

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 customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
henrycui
Excursionist
14 0 4

Sure.

 

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

 

Thanks for the prompt message 🙂

VIEKIN
Shopify Partner
656 79 95

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 customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
henrycui
Excursionist
14 0 4

Thank you, worked fine!

Niraj_singh
Shopify Partner
232 39 47

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;
}

banned
henrycui
Excursionist
14 0 4

Thank you!