How to fix italicized text overlapping regular text?

  • Resolved VierasTalo

    (@vierastalo)


    9 years, 3 months ago

    Hi all. I’ve been using Hueman for quite a while at our website and it’s wonderful. However, there’s an issue. When typing using italicized text followed by normal text, the letters occasionally overlap. This only happens in this particular scenario, and even though mostly it happens if there isn’t a space between them, there are cases of it happening even if there is a space between the two (an italicized l followed by a space and a regular large L for example). We’ve tried changing fonts but it doesn’t help.

    Is this a problem within the .css? How could I fix it?

    You can see a minor example of this here, for example: https://www.laajakuva.com/ollaan-vapaita-2015/ (CTRL+F to “(Maria Ylip??)” to see the ? overlap the )”.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi Vieras. Using Text mode in the editor, try adding a non-breaking space after the last character:

    <em>Maria Ylip??&nbsp;</em>
    Thread Starter VierasTalo

    (@vierastalo)

    Adding a space after every instance of this happening isn’t really an option, though I acknowledge it being a fix that one could use. We currently house almost 400 articles and keep getting more from a variety of writers, so editing every instance of this from those and also teaching our writers to do that every time is not an option. I’m looking for something that could fix it site-wide. As in, some method of adjusting the distance between the last italicized letter and the next letter or symbol ever so slightly to prevent this from happening.

    possibly with some added CSS, like:

    article em { margin-right: 0.3em; }

    Thread Starter VierasTalo

    (@vierastalo)

    Michael, thank you, that worked perfectly. I changed it to 0.2 but it’s definitely what I was looking for. Thanks so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to fix italicized text overlapping regular text?’ is closed to new replies.