How to reduce the font size of H1, H2, H3

Illdy
8

Hi,

Please add this Custom CSS in Appearance -> Customize -> Additional CSS,

h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}

These are the built-in sizes, you can customize it according to your needs. This is for the heading tags from h1 to h6 that you used inside the page or post content only, other h1 to h6 won’t get affected by this, each of them need to target separately.

I suggest you to follow this tutorial and adjust the size according to your needs, Examine and edit CSS - Firefox Developer Tools | MDN then put the CSS in Appearance -> Customize -> Custom CSS.

Let us know,

Thanks,
laranz.