Change line spacing in blog title

Topic summary

A user seeks help adjusting the line spacing in blog post titles on their Shopify store.

Solution Provided:

  • Navigate to Admin → Online Store → Themes → Edit Code (three dots menu)
  • Locate the section-blog-post.css file
  • Find the class name article__template-title
  • Add or modify the line-height attribute (suggested value: 1.2 or adjust as needed)
  • Save changes to see results

Outcome:
The user confirmed the CSS solution worked perfectly and was straightforward to implement. The issue is resolved.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

Hello I would like to know how to change space between lines in blog titles

2 Likes

Hi @charlesan

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

https://charleslittleshopofhorrors.store/

Sorry, that’s the correct URL

https://charleslittleshopofhorrors.store/blogs/charles-page-4/ainsi-soit-je

Hi Charlsean,

To adjust the line height of this text, you’ll need a basic understanding of CSS. Follow these steps:

  • Go to your admin => Online Store => Themes => Then edit the code of current active theme. Click to three dots button beside Customize button (see the screenshot)

  • Find the “section-blog-post.css” file, and find class name “.article-template__title”, add the line-height attribute and set value to 1.2 or any value which you think is good for your site (see the screenshot)

  • Save the change and see the result on your font-store

Hope this help.

Amazing. Works perfectly. Extremely straightforward. Thanks !!!

1 Like