Change line spacing in blog title

Shopify Discussion

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.
5

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)

  • ViWizzCommerce_0-1728444407482.png
    ViWizzCommerce_0-1728444407482.png377×361 12.2 KB

  • 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)

ViWizzCommerce_1-1728444563356.png
ViWizzCommerce_1-1728444563356.png1149×806 46 KB

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

Hope this help.