Thank you so much! Your advice worked like a charm.
Topic summary
Main issue: adjusting font sizes in Shopify’s Dawn theme, especially headings and the announcement bar.
-
Solution for headings: edit Assets > base.css and adjust .h1, h1 (or .h2, h2) font-size values. Dawn uses rem units; the root size is set on html (font-size: calc(var(–font-body-scale) * 62.5%)), making 1rem ≈ 10px. The original poster confirmed this fixed their heading size.
-
Announcement bar: a targeted selector was shared: #shopify-section-announcement-bar > div > p { font-size: 14px !important; }. Location to add isn’t explicitly restated, but earlier guidance points to base.css. One user also wants to change the font family (not just size), which requires identifying the correct class via browser DevTools.
-
Product variants/menu text: guidance is to use DevTools to find the specific classes/IDs, since they vary by store. Avoid changing all p tags globally unless intended, as it affects all paragraphs.
-
Open items: one user reported no visible change after reducing H1 rem (potential specificity or targeting issue). Another asked how much to adjust the 62.5% root to scale text “one time smaller,” which remains unanswered. Screenshots were shared for context.