Go to your online store → customize → settings → custom css and paste this code there
.article--content {
font-family: sans-serif !important;
}
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.
1 Like