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

Store Design

Topic summary

A user seeks to center-align page titles in Shopify’s Dawn theme, expressing frustration that this isn’t a built-in feature.

Solution Provided:

  • Add CSS code to assets/section-main-page.css:
    .main-page-title { text-align: center !important; }

Collection Pages:

  • For collection page titles, use:
    .section-header__title { text-align: center; }
  • The original poster encountered an issue where collection descriptions weren’t centering due to a 66% width constraint in collection-hero.css, which they resolved by changing to 100% width.

Ongoing Questions:

  • One user reports the solution isn’t working for their collection pages and is awaiting troubleshooting help.
  • Another asks whether the same approach applies to the Sense theme and custom pages, with a request for their store URL to investigate further.

The thread remains active with users seeking clarification for specific theme variations.

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

Hi, how is it possible to center the page title? It’s always in the middle of nowhere. I really don’t understand why shopify is not developing these standard features…

Would be great if somebody could tell me, where to change the alignment in the css (dawn theme).

Picknick_0-1635407547446.png
Picknick_0-1635407547446.png2314×998 138 KB

URL Link (draft mode)

https://coekrbjmekxx5bnp-28988211275.shopifypreview.com

1 Like
2

@Picknick

please Go to Online Store->Theme->Edit code then go to assets/section-main-page.css ->paste below code at the bottom of the file.

.main-page-title { text-align: center !important;}

Thanks!

8 Likes
3

Thanks a lot! It would be the same code for collection pages?

1 Like
4

@Picknick

yes please try this code

.section-header__title {text-align: center;}
2 Likes
5

@KetanKumar I just got problem, thank you! But my collection description is not centered. Where can i find this?

Picknick_0-1635589775882.png
Picknick_0-1635589775882.png2365×649 47.5 KB

6

Solved the problem. The box was just 66% width for the collection description. Changed it to 100% in collection-hero.css

Picknick_0-1635590382904.png
Picknick_0-1635590382904.png491×121 2.63 KB

1 Like
7

@Picknick

thanks for update

8

this is not working for my collection pages. where do i put this?

9

@Ayesha4

Please share your shop URL!

Thanks!

10

That’s for the pages that we create? And it’s the same for sense theme?

1 Like
11

@Username14

can you please share your store url so i will check and let you know