How to change H1 header size approximately h3 size while keeping it an H1

[Daviseri (Eric davis)]

Hello, everyone

I am building a website with Foundation

I want to change the font size of my H1 header (to make the font size smaller), but keep it’s H1 value (importance as the main header.)

How can I do this? my current guess is that I might need to use some CSS code in the HTML Code Tab of page inspector?

I am looking in Site Styles stack and don’t see a place to change the size of the H1.

Thanks for your comments
Eric

[teefers (Doug Bennett)]

Try this CSS(should be like h3):

h1 {
font-size: 1.69rem;
font-weight: 600;
}

[Daviseri (Eric davis)]

Thanks!

Any idea for CSS code to change color?

[teefers (Doug Bennett)]

Just add the following between the curly braces

Color: red;

You can change red to any CSS color value. Hex, RGB etc.

[zeebe (Robert Ziebol 🖖🏼)]

There is this setting in Site Styles that should allow you to do this