I need to change the line spacing for my H1 titles.

Solved
ashashash
Tourist
17 0 2

Hello helpful people,

My H1 title lines are way to spaced out, can you help me make them closer together?

Screenshot 2022-05-10 at 12.01.34.png

URL is https://www.littlelovesstore.com/products/essential-knit-long-sleeve-romper-chocolate

Thank you!

Creative Director for Little Loves & The Familia
Accepted Solutions (2)

Accepted Solutions
ReturnPrime
Trailblazer
172 15 36

This is an accepted solution.

Hey   @ashashash  ,
Welcome to the Shopify community!
You can follow the instruction below:

 

 

 

.product-section .product__title {
    line-height: 32px !important;
    letter-spacing: normal !important;
}

 

 

 

 If you feel like my answer is helpful, please mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

View solution in original post

oscprofessional
Shopify Partner
10942 1749 2219

This is an accepted solution.

@ashashash ,

.product-section.spaced-section h1.product__title {
    line-height: 33px;
}

 

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 6 (6)
ReturnPrime
Trailblazer
172 15 36

This is an accepted solution.

Hey   @ashashash  ,
Welcome to the Shopify community!
You can follow the instruction below:

 

 

 

.product-section .product__title {
    line-height: 32px !important;
    letter-spacing: normal !important;
}

 

 

 

 If you feel like my answer is helpful, please mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

oscprofessional
Shopify Partner
10942 1749 2219

This is an accepted solution.

@ashashash ,

.product-section.spaced-section h1.product__title {
    line-height: 33px;
}

 

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
ashashash
Tourist
17 0 2

Thank you, that worked great, however, now the product title is smooshed up next to the vendor. How do I increase the padding between the two?

Screenshot 2022-05-10 at 15.25.21.png

Creative Director for Little Loves & The Familia
ashashash
Tourist
17 0 2

@oscprofessional are you able to help me?

Creative Director for Little Loves & The Familia
oscprofessional
Shopify Partner
10942 1749 2219

@ashashash ,

p.product__text.caption-with-letter-spacing.vendor_font_size {
    padding: 0 0 12px 0;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
ashashash
Tourist
17 0 2

thank you thank you!

Creative Director for Little Loves & The Familia