How can I center footer text blocks in Dawn 12.0 using code?

Store Design

Topic summary

A user seeks to center footer text blocks in Shopify’s Dawn 12.0 theme using custom code. After sharing their store URL and password, they receive a CSS solution that involves:

Implementation steps:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Locate the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add custom CSS targeting .grid and .grid--4-col-tablet .grid__item elements

Key CSS properties:

  • justify-content: space-evenly !important on grid containers
  • flex-grow: 0 !important and width: auto !important on grid items
  • Media query for screens with minimum width of 750px

Resolution: The solution successfully centered the footer text blocks. The user confirmed it worked and expressed appreciation.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Looking to center the foot text in Dawn 12.0 with code. I’ve tried a few options, but nothing seems to work.

https://crosbyaudio.com/

Thanks in advance.

Screen Shot 2023-11-14 at 4.58.31 PM.jpg
Screen Shot 2023-11-14 at 4.58.31 PM.jpg3360×1840 180 KB

1 Like
2

Hi @crosbyaudio

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

Updated in the original post.

1 Like
4

Thanks for the info, Check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.grid__item {
    flex-grow: 0 !important;
}
.grid {
    justify-content: space-evenly !important;
}
@media screen and (min-width: 750px){
.grid--4-col-tablet .grid__item {
    width: auto !important;
}
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
5

That worked. Much appreciated.

1 Like
6

Welcome! Please dont forget to LIKES, Thanks!