How can I center the page title in the Dawn theme?

Store Design

Topic summary

Centering page titles in Dawn (Shopify 2.0) and limiting changes to Pages, not Products. The main heading (h1) in Dawn is left-aligned by default; the goal is to center only Page titles.

  • Initial fix: Add “text-align: center” to h1 in theme CSS (base.css). A tutorial video and screenshots were shared. This centered all h1 headings, including product titles, which was undesired.
  • Targeted fix: Apply the centering in section-main-page.css (instead of base.css) to affect only standard Pages. The original poster confirmed this worked.

Clarifications:

  • h1 = the primary page title HTML element. CSS files (base.css, section-main-page.css) control styling across the theme or specific sections.
  • One user noted the change centered only on desktop, not mobile. Another suggested a no-code workaround: remove the default title and use a Rich text block, which has alignment options.

Open/related requests (no confirmed solutions in-thread):

  • Center a logo on the password-protected page.
  • Center collection titles without affecting product titles.
  • Center headings only on the home page.
  • Center text in blog sections and various collection pages.

Outcome: Page-title centering for Pages is resolved via section-main-page.css; other page-specific and mobile issues remain pending.

Summarized with AI on January 20. AI used: gpt-5.
4

WHY DO PEOPLE ASK FOR YOUR STORE URL I DID THIS ON MY STORE HERE:

How to centre your headings on Dawn theme — Shopify 2.0 tutorials

All you need to do to center your headings on Dawn (and any theme that is Shopify 2.0) is:

Identify the problem

HamishDavisonIC_0-1631902413761.png
HamishDavisonIC_0-1631902413761.png800×675 174 KB

OK now go to your Shopify back end and edit your theme code:

HamishDavisonIC_1-1631902413768.png
HamishDavisonIC_1-1631902413768.png800×324 41.1 KB

HamishDavisonIC_2-1631902413633.png
HamishDavisonIC_2-1631902413633.png279×385 3.51 KB

HamishDavisonIC_3-1631902413770.png
HamishDavisonIC_3-1631902413770.png800×441 65.9 KB

Press control f and search for h1 then add

text-align: center;

And we’re done

Thanks!

6 Likes