What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Change line spacing in blog title

Solved

Change line spacing in blog title

charlesan
Tourist
4 0 3

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

 

 

Screenshot 2024-10-08 at 15.58.45.png

Accepted Solution (1)

Vi-WizzCommerce
Shopify Partner
133 7 20

This is an accepted solution.

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

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

 

Hope this help.

Check here Wizzcommerce Apps to optimize your store: Snap Presale & Backorder | SnapNoti FOMO Visitor Counter | SnapBundle Volume Discounts | Wizz Flash Sale & Price Edit | BOGO+ | Buy X Get Y Free Gift
Find more support, feel free to contact: support@wizzcommerce.io

View solution in original post

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
9118 2178 2688

Hi @charlesan 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
charlesan
Tourist
4 0 3

Vi-WizzCommerce
Shopify Partner
133 7 20

This is an accepted solution.

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

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

 

Hope this help.

Check here Wizzcommerce Apps to optimize your store: Snap Presale & Backorder | SnapNoti FOMO Visitor Counter | SnapBundle Volume Discounts | Wizz Flash Sale & Price Edit | BOGO+ | Buy X Get Y Free Gift
Find more support, feel free to contact: support@wizzcommerce.io
charlesan
Tourist
4 0 3

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