How to center and reduce size on headings on Pages added to menu in footer

Shopify Discussion

Topic summary

Issue: Headings on custom Pages (About us, FAQ) in the footer of Dawn v15 are larger and left-aligned compared to policy pages. Request to center and reduce size to match policy pages.

Actions taken:

  • Access provided (store URL and password) for review.
  • Fix option 1: Inline CSS added in theme.liquid before targeting h1.main-page-title.page-title.h0.scroll-trigger.animate–fade-in, setting font-size: calc(var(–font-heading-scale) * 4rem) and text-align: center. Screenshots included.
  • Fix option 2: Added CSS in main.css (or base/style/theme.css): h1.main-page-title.page-title { text-align: center; }. Result screenshot provided.

Outcome:

  • Centering confirmed working by the requester.

Open items:

  • Font size still appears larger than on policy pages. The requester asks where the policy pages’ heading font size is defined and whether they can adjust a “40px” value to match. One provided snippet uses calc(var(–font-heading-scale) * 4rem), not 40px.

Status: Partially resolved. Centering is solved; matching the exact policy page heading size remains unanswered and needs guidance on the correct selector/variable/value in Dawn.

Summarized with AI on December 19. AI used: gpt-5.
5

Hi @Katt11
Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

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

And Save.

Result:

Made4uoRibe_0-1726833637249.png
Made4uoRibe_0-1726833637249.png1347×333 9.06 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!