Make Newsletter Centered

Store Design
, , , , , , , ,

Topic summary

A user needed help centering their newsletter signup form on the password page’s desktop version. The mobile version was already displaying correctly, but the desktop version remained left-aligned.

Solution provided:

  • Navigate to Shopify admin → Online Store → Themes
  • Click Actions → Edit code on the active theme
  • Open the CSS file in the Assets folder (base.css, style.css, or theme.css)
  • Add the following CSS code at the bottom:
.template-password .newsletter-compact__block-content.section-blocks {
  justify-content: center !important;
}

Outcome: The CSS fix successfully centered the newsletter form on desktop. The issue was resolved with confirmation from the original poster.

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

Hello!

I’m trying to make my newsletter centered on the bottom in the password page in the desktop version.

In the mobile version is fine but in the desktop version is aligned to the left.

My website is is www.truepodium.com

Thanks in advance!

1 Like
2

Hi @martujv

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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:
.template-password .newsletter-compact__block-content.section-blocks {
    justify-content: center !important;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like
3

It worked, you are amazing! Thank you!