How to change h1, h2, h3, etc. font sizes – Themeco Community

How to change h1, h2, h3, etc. font sizes

dereksilva — Mon, 22 Dec 2014 19:53:27 +0000

Hi there,

I’m using the Integrity stack. I’m trying to change the sizes of h1, h2, h3, h4 and h5 to better suit my needs. What code do I need in order to do this?

Reply To: How to change h1, h2, h3, etc. font sizes

Christian — Tue, 23 Dec 2014 07:07:22 +0000

Hey Derek,

Please add the code below in the Appearance > Customize > Custom > CSS to CSS

h1, .h1 {
  font-size: 6em;
}

h2, .h2 {
 font-size: 5em; 
}

h3, .h3 {
  font-size: 4em;
}

h4, .h4 {
  font-size: 3em;
}

h5, .h5 {
  font-size: 2em;
}

h6, .h6 {
  font-size: 1em;
}

For more CSS Properties, please see http://htmldog.com/reference/cssproperties/

Thanks.

Reply To: How to change h1, h2, h3, etc. font sizes

dereksilva — Tue, 30 Dec 2014 21:06:29 +0000

Thank you!

Reply To: How to change h1, h2, h3, etc. font sizes

Christian — Wed, 31 Dec 2014 03:53:03 +0000

You’re welcome Derek.

Reply To: How to change h1, h2, h3, etc. font sizes

iTurtle — Sat, 04 Apr 2015 12:33:43 +0000

hm. this doesn’t work on my site. has that changed lately?

Reply To: How to change h1, h2, h3, etc. font sizes

Thai — Sat, 04 Apr 2015 12:45:21 +0000

Hi @iTurtle,
Would you mind providing me your website URL so I can take a closer look?
Many thanks.

Reply To: How to change h1, h2, h3, etc. font sizes

iTurtle — Sat, 04 Apr 2015 14:27:39 +0000

hi @Staff, thanks for your quick reply! please have a look here: http://seminarhaus-ohlenbusch.de/wpx the custom css h1, h2, etc. seems to be inactive. on “normal” pages I used the h2 looks like 4 feature which is great! but on the start-page (blog) the headlines are elephant size 😉

Reply To: How to change h1, h2, h3, etc. font sizes

Thai — Sat, 04 Apr 2015 14:46:45 +0000

Hi There,
Please try to add !important; after the CSS, something like this:


h1, .h1 {
  font-size: 3em !important;
}

Hope it helps.

Reply To: How to change h1, h2, h3, etc. font sizes

iTurtle — Sun, 05 Apr 2015 07:15:32 +0000

hi @Staff,
!important -> that sure helped!
thanks so much!
one happy x user 🙂 kai

Reply To: How to change h1, h2, h3, etc. font sizes

Christopher — Sun, 05 Apr 2015 08:00:02 +0000

Glad we were able to help you 🙂