How can I center footer text in the Dawn theme?

Topic summary

Centering footer text in the Shopify Dawn theme while keeping sections in place.

  • The store owner wants the footer text centered without changing the layout of footer sections. They asked if a code solution could achieve this.

  • Helpers requested the store URL to diagnose. Two Shopify preview URLs were shared. One helper asked for a proper/public URL to review.

  • A CSS-based fix was proposed: add styles in the theme’s Assets (new-theme.scss.css) to center key footer elements. Specifically, target the footer menu list (ul.left-content) with text-align: center, center the mailing list heading (h6), and set the mailing list form’s margin to auto to align it centrally.

  • Implementation path: Online Store > Theme > Assets > create/edit new-theme.scss.css and paste the CSS selectors for #shopify-section-footer.

  • Technical notes: Dawn is a Shopify theme; CSS is used to control alignment (text-align and margin). The provided code snippet is central to the solution.

  • Status: A solution was suggested; no confirmation yet on whether it resolved the issue.

Summarized with AI on February 5. AI used: gpt-5.

Hi I am using the dawn theme and would like keep my footer sections where they are but center the text. Is there a code that I can use that will help me do this.

1 Like

@amonichanel

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

https://rsq7bvn8bqf138wi-57762906160.shopifypreview.com

Hello @amonichanel

could you share the proper website URL so that I can review it?

https://w9phf3s3oow4l454-57762906160.shopifypreview.com

Hello @amonichanel

Try this code: It will be helpful to you-

Go to the online store>theme>Assets>new-theme.scss.css>Add code in this file.

#shopify-section-footer footer ul.left-content {
    text-align: center !important;
}
#shopify-section-footer .mailing-list form {
    margin: 0 auto !important;
}
#shopify-section-footer .mailing-list h6 {
    text-align: center !important;
}