Reducing Line Height for H1 element without changing font optios

[ninesolutions]

Hello,

I am trying to do some mobile optimization for this page of my site (pasted in url above, please view in mobile for hidden mobile elements to appear.) It is just normal text but currently the line spacing is too big.

I am using my h1 text style as i need the font style of it, but i would like to minimize the line spacing for just this group of text, without changing the font options, as it will affect the rest of my desktop site.

Is it possible to do that? maybe with using span? i can change font size with span but i cant seem to change line height with span… please assist me. Thanks!

This is a screen shot of the line height which i want to reduce: http://i.imgur.com/eZz7XIG.png

[Kyle – SUPPORT]

Hi

Add this to your custom css:

@media only screen and (max-width: 479px) { 
.spb-asset-content > h1 {
  line-height: 30px;
}
}

– Kyle

[ninesolutions]

Hi Kyle, sorry I tried this but it will change the line spacing of all my h1 text in mobile.

As i have other h1 text in mobile, i would only like to change the line spacing of the h1 text of a specific page. Is there anyway to custom this ccs to a specific page? or just use some span code?

thanks so much Kyle!

[Kyle – SUPPORT]

You can add the page id class to the beginning off the css, for e.g:

@media only screen and (max-width: 479px) { 
.pageid-1340 .spb-asset-content > h1 {
  line-height: 30px;
}
}

– Kyle

[ninesolutions]

Thanks for the quick reply Kyle!

The initial CSS you gave me was working, but the one with the post ID has no effect even after i have changed to my post number.

Am i missing something?

Thanks Kyle!

[Kyle – SUPPORT]

Should be:

@media only screen and (max-width: 479px) { 
.page-id-15115 .spb-asset-content > h1 {
  line-height: 30px;
}
}

– Kyle

[ninesolutions]

Thanks Kyle, it is all great now!

Appreciate you help!

[Kyle – SUPPORT]

No problem!