Center email sign up form in footer dawn theme

Store Design
, , ,

Topic summary

A user seeks help centering the email sign-up form in the footer of their Dawn theme Shopify store.

Proposed Solution:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Insert custom CSS before the </body> tag

CSS Code Provided:

@media screen and (min-width: 750px) {
  .footer-block__newsletter:not(:only-child) {
    text-align: center !important;
  }
}

The solution targets screens 750px and wider, applying center alignment to the newsletter block when it’s not the only child element. The responder requested feedback on whether the solution worked and asked for the answer to be marked as accepted if successful.

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

Hello,

I need to center the email sign-up section in the footer section of my store. Any help is appreciated, thank you.

Screenshot 2024-10-01 at 09.52.00.png
Screenshot 2024-10-01 at 09.52.00.png2864×720 128 KB

Store: https://bb9f8c-ac.myshopify.com/en

Pass: pongia

2

Hello @JordiP

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 750px) { .footer-block__newsletter:not(:only-child) { text-align: -webkit-center !important; } }

Tech_Coding_0-1727769561907.png
Tech_Coding_0-1727769561907.png1308×479 20.6 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.