[Shawn NParticipant]

I need to make the heading titles (H1, H2 etc) smaller in the Icon stack. Way to big, for me anyhow. I tried using Firebug to isolate the CSS needed but had no luck. Specifically I’d be interested in the H1 and H2 title size CSS change as this is what would be used the most.

Thanks!

S.

[Paul RModerator]

Hi Shawn,

Thanks for writing in!

To adjust font size of h1 and h2, you can add this under Custom > CSS in the Customizer.

body h1 {
   font-size:50px !important;
}

body h2 {
   font-size:40px !important;
}

Change 50px and 40px to achieve your desired size for h1 and h2

Hope that helps.

[Shawn NParticipant]

Great! Thank you.

S.

[Paul RModerator]

You’re welcome! Shawn

[chucklaskerParticipant]

Is there a way to reduce the size of heading fonts but keep the responsive resizing? Using the code above, the font remains the same size at all break points.

[ChristopherModerator]

Hi there,

Please try responsive text shortcode : http://theme.co/x/demo/integrity/1/shortcodes/responsive-text/

Or use responsive text option in Cornerstone :

Hope it helps.

[karendodgeabulletParticipant]

what about changing the heading from all caps?

[RupokMember]

Hi @karendodgeabullet

Thanks for updating. You can use the CSS text-transform: none; like –

.h-custom-headline {
  text-transform: none;
}

If you need tailored answer then provide your URL and point us what you are trying to accomplish.

Cheers!

[Author]

Posts