Hi there,
The font sizes vary, but you can see how the headings look here:
https://themes.trac.wordpress.org/browser/edin/1.2.6/style.css#L166
h1 {
margin: 0 auto 10px;
font-size: 2.25em;
line-height: 1.33333em;
}
h2 {
margin: 0 auto 12px;
font-size: 1.875em;
line-height: 1.6em;
}
h3 {
margin: 0 auto 16px;
font-size: 1.5em;
line-height: 2em;
}
h4 {
margin: 0 auto 17px;
font-size: 1.375em;
line-height: 1.636364em;
}
h5 {
margin: 0 auto 21px;
font-size: 1.125em;
line-height: 1.33333em;
}
h6 {
margin: 0 auto 24px;
font-size: 1em;
line-height: 1.5em;
}
The paragraph is set at 100% of the browser’s default:
https://themes.trac.wordpress.org/browser/edin/1.2.6/style.css#L61
When I tested Chrome and Firefox that made the font size equal to 16px. The headings multiply that 16px times the em value.
So the h1 has an size of 2.25em. If you multiply 16 by 2.25, you get 36, which means the font size for h1 is set to 36px.
You can change those sizes to suit your needs. Just add any CSS to your site via Appearance > Customize > Additional CSS.
Here’s an example of what you could add to make your paragraph font slightly larger:
p {
font-size: 1.1em;
}
this worked for my paragraph text. thank you!
