How can I eliminate the quantity label from the Dawn theme cart?

Topic summary

Goal: Remove the quantity label/selector from the Dawn theme cart while keeping the remove (delete) option.

Solution provided and confirmed working:

  • Add CSS in Assets > base.css to hide the quantity UI in cart:
    • Hide the quantity component (.cart-item__quantity .quantity).
    • Hide the table header label by setting its font-size to 0.
  • This resolved the original request and also worked for another user on the Crave theme.

Further requests/variations:

  • Product page: A user asked to remove the quantity box on product pages for digital goods; code guidance was given and they confirmed success.
  • Not working cases: For one Dawn store, initial CSS didn’t work. Additional CSS was suggested to hide the entire quantity cell (td.cart-item__quantity). When still ineffective, the helper requested theme code and advised removing/commenting the quantity block directly in main-cart-item.liquid.

Open issues/unresolved:

  • Some users couldn’t find base.css or reported the CSS didn’t work on their Dawn setup; assistance requested with store URL/password.
  • On the Refresh theme, the selector disappeared but an extra button remained; needs store-specific review.

Status: Multiple successes via CSS; in stubborn cases, edit the cart item snippet to remove the quantity block. Discussion ongoing.

Summarized with AI on December 29. AI used: gpt-5.

@KetanKumar here is the link sorry

https://camps.rafanadalacademykuwait.com/

password: eaclan

1 Like