How to center "order special instruction" on cart page dawn theme?

Store Design
, , , ,

Topic summary

Main issue: Center the “Order special instructions” note text on the mobile cart page in the Shopify Dawn theme.

Context: A helper requested the store URL; the merchant shared http://www.supersell.co.nz (no password), noting some IPs may be blocked.

Solution provided: Add a Custom CSS snippet via Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS. CSS targets the cart note label and centers it using left: 50% and transform: translateX(-50%), with a width set to 74% for layout.

  • Selector and rules:
    cart-note.cart__note.field > label[for=“Cart-note”] { left: 50% !important; transform: translateX(-50%) !important; width: 74% !important; }

Evidence: Before/after screenshots were linked to illustrate the visual change.

Outcome: The merchant confirmed with thanks; the issue appears resolved with no further questions.

Summarized with AI on December 12. AI used: gpt-5.
1

Question in title. Please let me know how to center that special instruction note text on mobile cart page.

Thanks

2

Hello @SinghSells

website url and password please.

3

here is the link

no password

(some of the countries under ip block list I hope you wont be from one of them to access the site.

4

Hi @SinghSells

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
cart-note.cart__note.field > label[for="Cart-note"] {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 74% !important;
}

Before: https://prnt.sc/_y0uzS0W-1qW

After: https://prnt.sc/2o-qz8nj6AS6

I hope this helps,

Best,

Daisy

5

Thanks