Dawn Line Height issue

[dferdesign]

Hi everyone, 

I am decreasing the line height of my headlines (H1, H2) in Dawn. I was able to successfully edit the line height using this code: 

h1,h2 {
    line-height: 1.05 !important;
}

But now I'm having an issue with the subheading in sections such as "Image With Text". I would like to add more spacing between this "The Details" subheading and the "Comfort That Performs" Headline. It seems like "The Details" subheading is a p class element but I don't want to effect the rest of my p class text throughout the site. 

Appreciate the help!

[EBOOST]

Hi @dferdesign ,

You try to add more code below:

.image-with-text__text-item p.image-with-text__text + h1, 
.image-with-text__text-item p.image-with-text__text + h2 {
  margin-top: 1rem;
}

[Sweans · Accepted solution]

Hi @dferdesign ,

You can adjust the gap between subheading by adding a simple line of css.

.image-with-text__text { 
margin-bottom: 6px; //adjust this according your need 
}

 You can paste this code in your custom css.

go to your online store> themes > click on customize in your active theme > click on the section which needs adjustment > in right sidebar scroll down and paste the above code in custom css.

I hope your issue will fix by this solution.

If it does, please like it and mark it as a solution! 

If you need further assistance, feel free to reach out!

Regards,
Sweans

[dferdesign]

Worked perfectly. Thanks @Sweans