FROM CACHE - en_header

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)

Accepted Solutions
PHAVIA
Shopify Partner
273 39 47

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
273 39 47

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
221 39 42

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

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact regarding any help, below my contact listed :-
Feel Free to Contact| Whatsapp +919753808608
Skype: niraj_1420

View solution in original post

Replies 6 (6)
PHAVIA
Shopify Partner
273 39 47

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
PHAVIA
Shopify Partner
273 39 47

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
Niraj_singh
Shopify Partner
221 39 42

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

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact regarding any help, below my contact listed :-
Feel Free to Contact| Whatsapp +919753808608
Skype: niraj_1420
henrycui
Excursionist
14 0 4
henrycui
Excursionist
14 0 4