What's your biggest current challenge? Have your say in Community Polls along the right column.

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

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)

DitalTek
Shopify Partner
800 95 112

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 you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatApp: +84 398999359

View solution in original post

DitalTek
Shopify Partner
800 95 112

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 you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatApp: +84 398999359

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)

DitalTek
Shopify Partner
800 95 112

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 you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatApp: +84 398999359
henrycui
Excursionist
14 0 4

Sure.

 

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

 

Thanks for the prompt message 🙂

DitalTek
Shopify Partner
800 95 112

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 you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatApp: +84 398999359
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!