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

(Eric davis) #1

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 :slight_smile:

(Doug Bennett) #2

Try this CSS(should be like h3):

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

(Eric davis) #3


Any idea for CSS code to change color?

(Doug Bennett) #4

Just add the following between the curly braces

Color: red;

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

(Robert Ziebol 🖖🏼) #5

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

(system) #6

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.