Please can you tell me how (or if) I can change the font size within the H1 and H2 headers. When I use it, the default font size is too large and it makes the page design unbalanced. Could some one just give me a bit of advice on this please?
Thanks so much for replying to my question. Unfortunately, I don’t have that settings page available to me on my theme. I had a mooch on the forum and found an old post from @teefer where he had written some CSS for someone. I’ve played with that and I think it’s worked ok.
When I put that code in to the CSS area, the H1 and H2 text became huge.
In the code that I added from @teefer post that I found, I was happy with the font size on the laptop and the imac. Sadly the type is too big for the phone screen. Should the code that you kindly provided for me (I don’t know code, sorry) allow me to have the facility to have the H1 be 3.0rem on large screens but then reduce on phones, or is that not a possiblity…? Thanks, D
I should also mention there is also something called clamp() where you can set the minimum, desired and maximum size of fonts. It is a very powerful way to do font sizing, although it might be overkill for what you need to do here. So I’ll hold-off explaining that one. The ones above are likely to be suffice for what you want to do and are relatively easy to experiment with.