Title Line-Spacing Insufficient
opened this issue · comments
Deleted user commented
Deleted user commented
Timani Tunduwani commented
Seeing the same problem. I created a static/css/custom.css
file and then added some CSS. There were two main changes:
- The HTML Header fonts are quite large
h1 {font-size:2.25rem; }
h2 {font-size:1.875rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.25rem; }
h5 {font-size:1.125rem; }
h6 {font-size:1rem;}
- The HTML Headers do not have a
line-height
CSS attribute set.
h1, h2, h3, h4, h5, h6 {
line-height: 1.45em;
}
There are probably more suitable font-sizes
but that worked for our site