jcarpenter2
jcarpenter2

Reputation: 5476

Text is widely spaced even though line-height is set to 1

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

Answers (3)

Shadab Shamsi
Shadab Shamsi

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

Paulie_D
Paulie_D

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;
}

enter image description here

Also <font> has been deprecated and should no longer be used

Upvotes: 1

vignesh
vignesh

Reputation: 1011

Try to add line-height: 22px instead of 1em.

Upvotes: 0

Related Questions