"quantity in cart" alignment - Dawn Theme

[info_diri]

Hi all,

(1) I need to edit the alignment for “quantity in cart” from 3 separate line to just a single line for both desktop and mobile.

(2) I would like the add / remove quantity button to be centralized and take up the width similar to “add to cart” button.

Thank you

[Burte]

Can you send the link to your site?

[BSSCommerce-B2B]

Hi @info_diri ,

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[info_diri]

i have yet to post the website. it is in the editing phase. it is currently in the default dawn theme version 14.0.0

[BSSCommerce-B2B]

Hi @info_diri

You can try the following steps:

• Step 1: Sale channel => Online Store => Themes => Edit code:

• Step 2: Search for base.css and add the css directive to the end of this file:

product-info .product-form__quantity .quantity__label {
  width: 100% !important;
}

product-info .quantity {
  width: 100% !important;
}

---

Result:

I hope this helps! If it works for you, please mark it as a solution. I am very happy about that. Have a great day!

[info_diri]

Hi @BSSCommerce-B2B

Thank you for your reply. Your code solved part (2) but not part (1).

“Quantity (X in cart)” is still not in the proper alignment.