Text Overlay Error

  • triskelepublishing

    (@triskelepublishing)


    7 years, 1 month ago

    I logged on to my site – http://www.triskelepublishing.com – for the first time since last Monday today. Last week everything was working perfectly, now I discover that whole sections of text are overlaid on top of other text rendering the entire site unusable.

    This has never occurred before and I have not changed any of my settings over the last seven days. Complete mystery to me and I have no clue as to how to fix the problem.

    Any tips would be greatly appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Innovation TechnologyS

    (@deivamoorthy)

    7 years, 1 month ago

    Hi triskelepublishing,

    You have to change the CSS code in stylesheet on line number 301 style.css which is available in theme Directory.

    line-height:0; to

    this line-height: inherit;

    graphicscove

    (@graphicscove)

    7 years, 1 month ago

    Hello,

    The line height on the body tag has been changed to ‘0’ which is causing this error. The default value is: 1.75.

    Check the style.css file in your theme, and around line 301 you should see this:

    body,
button,
input,
select,
textarea {
    color: #1a1a1a;
    font-family: Merriweather, Georgia, serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
}

    Check all the above values match, particularly the line height. That should fix your overlapping text problem.

    ~ Steven

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Text Overlay Error’ is closed to new replies.