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.
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.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! ![]()
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hello @amonichanel
could you share the proper website URL so that I can review it?
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;
}