Dawn theme - page title font size too big

Store Design

Topic summary

A Shopify store owner using the Dawn theme found page title font sizes too large, even at the lowest theme settings. Multiple solutions were proposed involving custom CSS code:

Initial attempts:

  • Adding .shopify-policy-title h1 { font-size: 28px !important; } to the base.css file (unsuccessful)
  • Targeting h1.main-page-title and .page-title.page-title h0 selectors

Working solution:

  • The issue was eventually resolved, though the exact code that worked wasn’t explicitly confirmed
  • Solutions involved editing theme code via Online Store → Theme → Edit code
  • CSS modifications targeted various title selectors with font-size adjustments (typically 28px or 20px)

Additional context:

  • Some confusion existed about whether the issue affected regular pages or blog article titles
  • The store URL and password were shared for troubleshooting
  • The solution proved helpful to other users over a year later

The discussion demonstrates typical CSS customization challenges in Shopify themes where default styling options have limitations.

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

Hi all - I have several pages on my site (not product or collections) and the page title font is too large even when adjusted to the lowest level. Would someone tell me which header this is or what code needs to be added to bring it down?

Screen Shot 2023-03-30 at 9.12.04 PM.jpg
Screen Shot 2023-03-30 at 9.12.04 PM.jpg480×353 20.4 KB

2

HI @mmstudio

This is Victor 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

.shopify-policy__title h1 {

font-size: 28px !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hi @PageFly-Victor

Thank you but it didn’t adjust the page titles font size. I tried making it 20px to see if there was an effect and there wasn’t. Any other ideas?

You can see the site here -

4

https://michelle-masters-topiary-art.myshopify.com/pages/the-hedges-hares-farmstand

password. auggul2

5

@mmstudio - can you please share the page link of which you have shared the screenshot?

6

HI @mmstudio

You can try again with this code:

h1.main-page-title.page-title.h0 {
font-size: 28px !important;

}

2 Likes
7

You can try to use this code

.main-page-title { font-size: 28px !important; text-align: center; }
8

Hello @mmstudio ,

From the screenshot you provided, we assumed this is the articles in your blog?!

You can try to:

Go to Online Store → Theme → Actions → Edit code

Ref- step 1.png
Ref- step 1.png1434×819 104 KB

Open the theme.liquid → add the following code

.article-title {
  font-size: XXpx;
}

Save and preview.

Hope this can help.

Ali Reviews team

9

Thanks so much - that’s it.

10

Over a year later and this helped me too! Thank you PageFly-Victor :wink: