Cart page justifying items center (Dawn theme)

Topic summary

Goal: Center the cart page items in the Dawn theme and ask if the PayPal button can be non‑yellow.

Action taken: A helper advised editing theme.liquid (Online Store > Edit Code) and adding custom code near the bottom, above the tag, to center the cart contents. Screenshots indicate the cart items became centered as desired.

Follow-up issue: The “Estimated total” and the accompanying tax note appeared centered but visually aligned to the right edge of the checkout button.

Resolution: Additional CSS was added at the end of theme.liquid (above ):

  • .totals { justify-content: center !important; }
  • small.tax-note.caption-large.rte { text-align: center !important; }
    This centered the totals section and the tax note, confirmed by a screenshot.

Status: Layout/centering issues resolved. The question about changing the PayPal button’s yellow color was not addressed further and remains unanswered.

Notes: Screenshots were used to show before/after alignment results. No other design or functional changes were discussed.

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

Hello dear community!

I am trying to personalise my cart page but I can’t figure out how to justify the items to the center - as shown in the screenshots. Also, is it possible for the PayPal button to not be yellow?

Website - maisonmagdalena.com
Password - MaisonMagdalena.222

Thank you very much for your help!

Hey @MagdalenaBB

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Works perfect! Thank you :heart_eyes:

However - and sorry for being annoying - the ‘estimated total’ and the text underneath it act a little strange, they are in the center but it seems they are justified to the right edge of the checkout button. Is it possible to change it?

Thanks again!

Hey @MagdalenaBB

Keep the previous code and add this new code above in the end of theme.liquid file.

.totals {
    justify-content: center !important;
}
small.tax-note.caption-large.rte {
    text-align: center !important;
}

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like