SOLVED - Foundation H1 Line Height with Header Pro across whole site

Is there a way or code to set a line height for all H1 in Foundation site styles or for Header Pro?
@joeworkman @tav
thanks, Lisa

Font Pro has settings for this. You could always use good ol’ CSS as well…

https://www.w3schools.com/cssref/pr_dim_line-height.asp

https://fontpro.joeworkman.net

2 Likes

thanks, Joe. I can’t figure out the CSS… I’m much better with html. Can anyone help with the code and where to put it?

In the “Settings” on the left hand column you’ll find the “Code” bit, once clicked you’ll see a tab for CSS.

h1 {
line-height: specify your height here;
}

1 Like

thanks, Paul, but it seems Header Pro is overriding… doesn’t seem to work.

Lisa,
Looking at your home page you have 7 h1’s. Thats probably not a good thing.

h1 {
  line-height: 2.5!important;
}
1 Like

Doug-
thank you :slight_smile: I’m redesigning my website and have fixed all that, so there will only be 1 per page. Nothing to show yet, since I’ve decided to split my website and do sub-domains… a lot to do before I go live.

try
.h-pro {
line-height: specify your height here;
}

should target the header pro sections

I saw you had asked about that, not sure what it is going to buy you. Search engines treat sub-domains as separate domains, sub-domains can confuse users and create longer domain names.

3 Likes

Header Pro will only add line height code if the Type Setting controls are turned on in the stack

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.