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

**URL:** <https://forums.realmacsoftware.com/t/how-to-change-h1-header-size-approximately-h3-size-while-keeping-it-an-h1/16802>\
**Category:** RapidWeaver Classic\
**Created:** [October 19, 2017, 11:12pm UTC](https://forums.realmacsoftware.com/t/how-to-change-h1-header-size-approximately-h3-size-while-keeping-it-an-h1/16802 "2017-10-19T23:12:01Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Daviseri](https://avatars.discourse-cdn.com/v4/letter/d/b487fb/32.png) [@Daviseri](https://forums.realmacsoftware.com/u/Daviseri)\
**Post date:** [October 19, 2017, 11:12pm UTC](https://forums.realmacsoftware.com/t/how-to-change-h1-header-size-approximately-h3-size-while-keeping-it-an-h1/16802/1 "2017-10-19T23:12:01Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [October 20, 2017, 12:19am UTC](https://forums.realmacsoftware.com/t/how-to-change-h1-header-size-approximately-h3-size-while-keeping-it-an-h1/16802/2 "2017-10-20T00:19:52Z")

</div>

Try this CSS(should be like h3):

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

---

<div class="post-metadata">

**Author:** ![Daviseri](https://avatars.discourse-cdn.com/v4/letter/d/b487fb/32.png) [@Daviseri](https://forums.realmacsoftware.com/u/Daviseri)\
**Post date:** [October 20, 2017, 1:00am UTC](https://forums.realmacsoftware.com/t/how-to-change-h1-header-size-approximately-h3-size-while-keeping-it-an-h1/16802/3 "2017-10-20T01:00:43Z")

</div>

Thanks!

Any idea for CSS code to change color?

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [October 20, 2017, 1:08am UTC](https://forums.realmacsoftware.com/t/how-to-change-h1-header-size-approximately-h3-size-while-keeping-it-an-h1/16802/4 "2017-10-20T01:08:36Z")

</div>

Just add the following between the curly braces

```
Color: red;

```

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

---

<div class="post-metadata">

**Author:** ![zeebe](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/zeebe/32/22007_2.png) [@zeebe](https://forums.realmacsoftware.com/u/zeebe)\
**Post date:** [October 20, 2017, 1:06pm UTC](https://forums.realmacsoftware.com/t/how-to-change-h1-header-size-approximately-h3-size-while-keeping-it-an-h1/16802/5 "2017-10-20T13:06:03Z")

</div>

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

 ![26 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/e/ef4e3bbc9978c6e2df1207d8afd4033a53f14fac.jpg)

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [October 26, 2017, 1:06pm UTC](https://forums.realmacsoftware.com/t/how-to-change-h1-header-size-approximately-h3-size-while-keeping-it-an-h1/16802/6 "2017-10-26T13:06:39Z")

</div>

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