How to center blog title in Dawn Theme?

Store Design
,

Topic summary

A user seeks help centering the blog title in Shopify’s Dawn theme.

Solution Provided:
A PageFly representative offers a CSS-based fix:

  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file
  • Add custom CSS code at the bottom targeting the blog title element
  • The code applies text-align: center !important to the main blog title class

Status: The thread appears resolved with a straightforward customization solution, though user confirmation of success is not shown.

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

Hi!

I would like to center blog title.

blog.PNG
blog.PNG1472×1161 34.8 KB

2

Hi @AdrianS05

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.main-blog.page-width.section-template–21656516100413__main-padding h1.title–primary {

text-align: center !important;

}

PageFlyHenry_0-1702612806758.png
PageFlyHenry_0-1702612806758.png1366×446 49.8 KB

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like