Can I only change the typography of the blog page?

Topic summary

Main issue: change the blog font on the homepage from “Shadows in Light” to a sans‑serif typeface.

Clarification: “Typography” here refers to the font family used in blog titles, content, and author text.

Proposed approaches:

  • Homepage‑only (advanced): edit theme code to add custom classes in the blog section and apply CSS conditionally to the index (homepage) template. The requester needed guidance to implement this.
  • Quick fix via Theme Customize: paste a CSS rule targeting .article–content to set font-family: sans-serif (uses Shopify’s Online Store → Customize → Settings → Custom CSS).
  • Comprehensive theme edit: in Online Store → Themes → Actions → Edit Code → Assets (base.css/style.css/theme.css), add CSS targeting h1.article–title, .article–content, and .article–author to enforce font-family: sans-serif.

Notes:

  • CSS (Cascading Style Sheets) controls visual styling; selectors like .article–content target specific blog elements.
  • Screenshots were shared to show where to add CSS and the resulting font change.

Outcome: the requester expressed thanks, indicating the issue was resolved with the CSS-based solutions. Discussion concluded without further open questions.

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

Hi @KimKimKimKim

Please be more specific; you used ‘typography,’ which is a broad term. Clarify what you like to change. Thanks!

1 Like