Hello,
I’m looking for a webpage that shows the default sizes of headings H1-H6.
I can’t seem to find it anywhere?
Thanks
Hey Cynthia45,
I’m not sure I understand your question, are you looking to change the look and size of the headers? If so then you can do that under Enfold->Advanced Styling.
Best regards,
Rikard
Thanks Rickard
I have actually changed some but would like to know what the original default size is for each.
Example is H1 12 points bold, H2 10 points?
Thanks!
on default (base.css line 54) the font is determined as:
body {
font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
-webkit-text-size-adjust: 100%;
}
that is a shortened form of font-size: 13px ; line-height: 1.65em
you see that line-height here has a relative value.
If you set a different font-size on : Enfold – General Styling – Fonts : Default content font size
this value is set to a different font-size.
the standard font-size definitions are set on base.css ( line 92ff):
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
h5 { font-size: 16px; line-height: 1.1em; } /*17*/
h6 { font-size: 14px; line-height: 1.1em; }
Hi,
Thanks for helping out @guenni007, did that answer your question @cynthia45?
Best regards,
Rikard