Centering entire blog on DAWN theme

Shopify Discussion

Topic summary

A user needed help centering all elements on their blog page in Shopify’s DAWN theme, including blog posts, dates, title headers, and overall page content.

Solutions Provided:

Multiple community members offered CSS-based fixes involving:

  • Navigating to Online Store > Themes > Edit Code > Assets > base.css
  • Adding custom CSS code targeting specific classes:
    • .article-card__excerpt
    • .article-card__info
    • .main-blog h1.title--primary
  • Applying text-align: center; to these elements

One solution also suggested adding custom code to theme.liquid, though specific code details were referenced via an image.

Outcome:

The issue was resolved — the original poster confirmed one of the CSS solutions worked successfully.

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

Hi,

URL is www.daughterofanangel.com

Password is JENNA

I am trying to center my entire blog post, date, title header, everything on the blog page.

Thanks in advance!

2

Hello @jennarose

I would like to give you some recommendations to support you
You can add custom code to theme.liquid like this

GemPages_0-1668561963069.png
GemPages_0-1668561963069.png1516×838 38.1 KB

I hope the above is useful to you.
Kind & Best regards!
GemPages

3

Hi @jennarose ,

Go to your Online Store > Themes > click 3 dots button > Edit code > Assets > base.css, add those CSS code at the bottom of your file, click Save button

.article-card__info, 
.article-card__excerpt { text-align: center; }
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.main-blog h1.title--primary {
text-align: center;
}
.article-card__excerpt {
text-align: center;
}
.article-card__info {
text-align: center;
}
5

This worked! Thank you!!