Docs

[Richard H]

I seem to have 2 different fonts being applied to my headers. H1,2,3 are one font and H4,5,6 are a different one. I looked through the typography settings and scanned through the css customisations that have been made to my site so far and nothing jumped out as being responsible for the difference. If you have any insight I would love to hear where I have gone wrong. Thanks!

[Richard H]

This reply has been marked as private.

[Jade]

Hi there,

I have just checked your site and the headings use the same font which is PT Serif it’s just that some of them are uppercase and some are not.

If you want to make them all uppercase, please add this code in the customizer:

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
    text-transform: uppercase;
}

Hope this helps.

[Richard H]

Thanks for your reply Jade but that doesn’t fix things. I ideally want headers to be lower case except where an uppercase letter is needed, For example “Richard”
I tried adding your code but changed “uppercase” to “lowercase” and that made all the headers lowercase, even when I had written it as names (for an example) having an uppercase initial letter but subsequent letters lowercase.

I would like to have some consistency across the site so was wondering if you had a different solution that might work?

[Friech]

Hi There,

Set it to text-transform: capitalize; instead, or text-transform: none; so it wont transform and it will show how you wrote it.

I did also checked your headers and they all using the font-family “PT Serif”,serif.

Thanks,

[Author]

Posts