Dawn Line Height issue

Store Design
, , ,
1

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.

Screen Shot 2024-07-30 at 2.34.37 PM.jpg
Screen Shot 2024-07-30 at 2.34.37 PM.jpg1268×698 51.2 KB

Appreciate the help!

2

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;
}
3

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

4

Worked perfectly. Thanks @Sweans