Hello @ZakThreads ,
Go to online store > Themes > Edit code > Find base.css file
Add to the give code at the bottom of the file base.css
.h2 {
font-size: calc(var(--font-heading-scale)* 18px);
}
Topic summary
Goal: Reduce the blog post title size shown in the home page “Blog posts” section (Shopify Sense theme v13.0.1).
Key updates and solutions:
- Initial CSS targeted the article page title (h1.article-template__title) and didn’t affect home page cards.
- Working fix for home page cards: add in theme.liquid (before ): .article-card .card__heading { font-size: 20px !important; } and adjust the value as needed.
- Alternate approach: edit base.css and add .h2 { font-size: calc(var(–font-heading-scale) * 18px); } to scale heading sizes; note this may impact other headings sitewide.
Context shared:
- Preview URL provided and a desktop screenshot attached for reference.
- Theme: Sense 13.0.1.
Outcome:
- Original poster acknowledged with thanks, indicating the title-size issue appears resolved.
Open item:
- A follow-up question asks how to make the body font smaller; no answer yet.
Notes on terms:
- theme.liquid: main layout template where inline CSS can be added.
- base.css: theme stylesheet for global styles.
- CSS selectors control which elements (article page titles vs home page card headings) are affected.
1 Like