Reputation: 5476
Looking at the widely spaced text that's in the center of this site: http://www.sharonhadary.com/ .
I tried setting the line-height
property to 1 in the web inspector (it was originally set to 1em), but this had little effect. This is surprising to me, because it looks like that text has a line height of 2 or 3.
Upvotes: 0
Views: 72
Reputation: 76
I didn't understand your problem correctly but
1) If you are concerned about spacing in text, remove "word-spacing: .1em;"
from .banner h2
CSS rule in the main_style.css
.
2) If you are concerned about spacing between lines, reduce line-height
in the .banner h2
CSS rule in the main_style.css
.
Upvotes: 0
Reputation: 115332
Remove the giant font-size
and it's fixed.
.banner-wrap .banner h2 {
padding-bottom: 30px;
color: #ffffff;
word-spacing: .1em;
text-transform: uppercase;
font-family: 'Fjalla One', sans-serif;
/* font-size: 100px; */ /*REMOVE THIS */
font-weight: normal;
line-height: 1.1em;
}
Also <font>
has been deprecated and should no longer be used
Upvotes: 1