Dawn Theme - How can I centre text at the footer of my cart page?

Store Design

Topic summary

Goal: Center the “ships within 24hrs + express shipping” text in the cart and make “PROCEED TO CHECKOUT” bold in the Dawn theme.

Context: A helper requested the store URL; the store is publicly accessible at https://easypackpro.com. An image was shared but the solution relies on CSS rather than the image.

Solution provided: Edit theme code via Online Store → Theme → Edit code. In Assets, open component-cart-drawer.css and append CSS to target the cart drawer elements.

Key CSS:

  • .cart-drawer .tax-note { text-align: center !important; }
  • .cart-drawer .cart__checkout-button { font-weight: bold !important; }

Outcome: The changes worked as intended, centering the text and bolding the checkout button. Status: Resolved; no further questions raised.

Summarized with AI on January 30. AI used: gpt-5.
1

I want to centre the “ships within 24hrs + express shipping” in my cart. Is this possible? Also how can I bolden the “PROCEED TO CHECKOUT”?

shanagarryceo_0-1678309909938.png
shanagarryceo_0-1678309909938.png632×340 43.9 KB

Thanks

2

Hi @shanagarryceo ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

3

Hi Victor,

No password needed - https://easypackpro.com

4

Hi @shanagarryceo ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-cart-drawer.css->paste below code at the bottom of the file:

.cart-drawer .tax-note {
    text-align: center !important;
}
.cart-drawer .cart__checkout-button {
    font-weight: bold !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
5

Works perfect! Thanks