Unable to change line spacing for entire site

  • Resolved gsauve

    (@gsauve)


    7 years, 10 months ago

    When I initially created my website I used the following code to modify the space between the lines for the entire site by adding it to the editor:

    p {
    line-height: 1.5;
    }
    p {
    margin-bottom: 1em;
    }

    Every so often it would stop working and I would have to add it again, which wasn’t a big deal. But recently I tried to change it again and nothing happened. When I add the code to the editor is says it was successfully updated, yet I see no difference on the site, no matter what number I use (I’ve tried changing the line-height to 1 and 10 with no difference). What could be causing this issue?

    Here is a list of the plugins I have installed (in case one of them is causing the issue):
    Akismet 3.2
    Captcha by BestWebSoft 4.2.8
    Facebook Like Box 2.8
    Fast Secure Contact Form 4.9.46
    Jetpack by WordPress.com 4.5
    Mailchimp Forms by Optin Cat 2.0.0
    MaxButtons 6.14
    WP Edit 4.0
    WP Super Cache 1.4.8
    WP-Optimize 2.1.0

    Thanks in advance for the help.

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

  • Have you tried doing a hard refresh? Hold CTRL and press F5. You should also be able to clear the cache through the plugin you have installed.

    If that doesn’t work, can you post a link to the website in question?

    Thanks.

    • This reply was modified 7 years, 10 months ago by Eddie.
    Thread Starter gsauve

    (@gsauve)

    Wow. That hard refresh trick worked. Thanks a million. I was literally going crazy trying to figure out what was wrong.

    That’s great news!

    Give me a yell if you need anything else.

    ~ Eddie.

    Hi Eddie, I have the same issue. Pressing Ctrl+F5 only partially solved it. The line spacing is still significantly smaller than it used to be. Is there a way to enter CSS code in the theme’s style.css file that will increase the line spacing for the entire WordPress website? Many thanks, Avner

    @groucho7

    Can you please post a link to your project? Alternatively, you could try something like the following in your css:

    * {
line-height:valuehere;
}

    Please note, the * acts as a wildcard and targets everything. If it’s just paragraph text, just do p { styles }, if it’s paragraphs / headings, do:

    p, h1, h2, h3, h4, h5, h6 {
line-height:valuehere;
}
    • This reply was modified 7 years, 7 months ago by Eddie.

    Here’s my website

    I do want to target the entire website.

    What value would you suggest for “valuehere”?

    Thanks again.

    My website

    The line height looks pretty good to me.

    This is what I see currently:

    This is with:

    p {
    line-height: 3em;
}

    I would play around with between 2.5em and 3.5em line height.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Unable to change line spacing for entire site’ is closed to new replies.