How can I center my newsletter subscription form on both desktop and mobile?

Topic summary

Goal: Center the newsletter subscription form in the footer on desktop and keep it open and centered on mobile (Impulse theme).

Steps tried and outcomes:

  • Added CSS for .footer__newsletter { text-align: center; } in theme.liquid/base.css. No effect.
  • Retried with !important and via an inline {% style %} block. Worked on mobile, not desktop.
  • Added form#newsletter-footer { text-align: center; }. The form centered, but surrounding footer text/content did not.
  • Targeted the footer grid item: .grid__item.footer__item–1494292487693 { text-align: center; width: 100%; }. Improved alignment but still not perfectly centered; padding suspected.
  • Final proposal: combine the above with form#newsletter-footer { width: 95%; } to better match the desired layout.

Notes:

  • Multiple screenshots illustrate current misalignment and the desired centered layout; images are central to understanding the spacing/padding issue.
  • Mobile centering was achieved earlier via the inline style.

Status: No confirmation that the last change resolved the desktop centering fully. The thread appears open, with potential remaining padding/margin adjustments needed.

Summarized with AI on January 16. AI used: gpt-5.

still nothing