Change blog heading font CSS dawn them

Store Design
,

Topic summary

Changing the font family of individual blog post titles in the home page “Blog posts” section of the Shopify Dawn theme.

  • The requester wants to style the titles of each displayed blog post card (not the section heading like “From the blog”). A preview link was shared.

  • Initial advice: add CSS in base.css targeting .blog .blog__title with font-family and weight. This affected the section heading, not the individual post titles.

  • Clarification: the goal is to change font family only (not size) for each blog card title.

  • Updated solution proposed: in base.css use a selector for the card titles, e.g., .blog .card__heading.h2 { font-family: cursive; } and replace “cursive” with the desired font family.

  • An alternative approach suggested inserting code before in theme.liquid, but the shared code blocks were empty; screenshots showed a visual result without the actual code.

  • Status: No confirmation that the fix works; discussion remains open.

  • Next steps: Apply the updated selector in base.css, ensure it matches Dawn’s blog card markup, and set font-family to a theme-loaded font or a proper fallback stack. Images were provided to illustrate results.

Summarized with AI on December 21. AI used: gpt-5.
1

Hello i would like to change the blog tite font for when dispaying a blog post section on home page

can someone pls help me with the code for this, thank you

1 Like
2

Hi @tahliahanke , Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

3

https://7tn7g6w1u429fz0c-59874607274.shopifypreview.com thank you

1 Like
4

Hello @tahliahanke ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.blog .blog__title {
    font-family: cursive;
    font-weight: 600;
}

You can change font-family value a/to your need to use different font.

Thanks

5

Hi @tahliahanke ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1723948517813.png
BSSCommerceHDL_0-1723948517813.png1301×591 491 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

6

that did not work, to be clear i want to change the inidivual titles of each blog displaying, not the ‘from the blog’ section heading

7

i want to change the font family, not font size please

1 Like
8

Use this css

.blog .card__heading.h2 {
    font-family: cursive;
}
9

Hi @tahliahanke , Pls try again with this code:

Here is result:

BSSCommerceHDL_0-1723949143925.png
BSSCommerceHDL_0-1723949143925.png1905×652 133 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: