How can I customize the width of the container on my newsletter in the password page?

Store Design

Topic summary

A user needed to adjust the newsletter container width on their password page because the text appeared compressed. The current layout showed text bunched together, making it difficult to read.

Solution provided:

  • Add custom CSS code to the theme’s stylesheet (base.css, style.css, or theme.css)
  • The CSS targets .newsletter__form.content_position-center and sets max-width: 100% and width: 50%
  • This spreads out the text by expanding the container width

Steps:

  1. Navigate to Shopify admin → Online Store → Themes
  2. Click Actions → Edit code on the active theme
  3. Open the appropriate CSS file in the Assets folder
  4. Add the provided CSS code at the bottom
  5. Save changes

Status: Resolved - the solution successfully fixed the compressed text layout.

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

no1apparels_0-1737224687545.png
no1apparels_0-1737224687545.png673Ă—362 47.9 KB

right now the text is all compressed together, was thinking if i can adjust the container width the text would be a lot more spread out.

1 Like
2

Hi @no1apparels

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:
.newsletter__form.content_position-center {
    max-width: 100%;
    width: 50%;
}

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

Thank you so much! That worked.