Letter spacing / kerning problem

  • antiquesgeek

    (@antiquesgeek)


    11 years, 4 months ago

    Hi,

    From time to time I have major issues with ‘letter-spacing’ switching to a negative number, causing all the letters to become squished
    together. I can usually solve it with custom css.

    I am using the Call to Action plugin and there is a problem with the header <h1 id=”main-headline”>, the text is all squished together.

    I’m pretty sure this is an issue with my Evolve theme rather than with the plugin per se, because it doesn’t happen if I switch to a WP default theme,
    but I can’t figure out a work-around.

    I have found the problem, I think it is:
    h1 {
    font-size: 46px;
    letter-spacing: -2px;
    line-height: 46px;
    padding: 5px 0;
    }

    There is strike-through of all lines except the letter-spacing. So it has to be the letter-spacing messing up the kerning.

    I’ve put in custom css for all headers, but as I say this only occurs on the <h1 id=”main-headline”>

    Any ideas on how to fix it?

    I imagine I’m not the only one who has ever experienced this, and I did try a forum search on ‘letter spacing’ ‘kerning’ and ‘h1’ but nothing came up.

    landing page is http://www.antiquesandvintagefairs.com

    Any help appreciated. Thank you.

Viewing 1 replies (of 1 total)
  • Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    11 years, 4 months ago

    Hey there antiquesgeek,

    How are you doing today?

    The reason why there is strike-through is because px is missing at the end of numeric value in letter-spacing property http://screencast.com/t/Q0CAjrWfcbO.

    The issue should be able to set you’re own letter spacing for h1 elements with some custom CSS. Please try adding the code in Appearance >> Theme Options >> Custom CSS:

    #content h1 {
letter-spacing: 1px;
}

    Hope this helps 🙂

    Best regards,
    Bojan

Viewing 1 replies (of 1 total)

The topic ‘Letter spacing / kerning problem’ is closed to new replies.