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


(Lisa Sandler) #1

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


(Joe Workman) #2

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


(Lisa Sandler) #3

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?


(Paul Dennison) #4

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


(Lisa Sandler) #5

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


(Doug Bennett) #6

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

h1 {
  line-height: 2.5!important;
}

(Lisa Sandler) #7

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.


(Paul Dennison) #8

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

should target the header pro sections


(Doug Bennett) #9

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.


(Andrew Tavernor) #10

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


(system) #11

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