suddenly extra line space appears before break tag

  • Resolved ashleyzwp

    (@ashleyzwp)


    6 years, 2 months ago

    There has been absolutely no change anywhere in CSS.
    Viewed the Home Page of our website yesterday — all was fine
    I view it today and suddenly this extra line-space before break tag (</br>) wherever it appears.

    Tried many ways to see why; then found that it showed with the same space before break tag on all other pages/occurrences where the line-break was applied (Shift-Enter).
    (Break was applied, so that the next line would immediately follow without a line-space)

    I saw an Upgrade to WordPress 4.9.8
    I proceeded with it
    Then the option to revert to the Classic Editor; i did that too.
    Yet the undesired line-space didn’t go…

    Hope someone among u can help

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter ashleyzwp

    (@ashleyzwp)

    6 years, 2 months ago

    The line-break before the text, appears fine in the Visual Editor.
    But, it appears with an extra line-space in the Browser (Chrome)
    Just checked in Mozilla; same problem
    (same in IE too)

    Thread Starter ashleyzwp

    (@ashleyzwp)

    6 years, 2 months ago

    i was not fully correct about the issue
    —————————————–
    The issue was only when the </br> tag appeared within <p> tags.
    Cause i seen that the problem didn’t exist (for Eg.) if </br> appeared within <h3> (headings tags).

    I’ve temporarily arrived at a fix for it.
    Added ‘line-height’ to the style attribute of the <p> tag
    This however looked terrible in the Visual Editor (but fine in the Browser)

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    6 years, 2 months ago

    Please provide a link to a page on your site where we can see this. Thanks.

    Thread Starter ashleyzwp

    (@ashleyzwp)

    6 years, 2 months ago

    (Thanks)

    The mentioned problem can be seen on the below page for the lines – Born, Died…
    http://stpius10mulund.org/st-peter-julian-eymard/

    The below page is with line-height in the style attribute for the enclosing <p> tag
    (same lines – Born, Died…)
    http://stpius10mulund.org/st-john-vianney/

    Thread Starter ashleyzwp

    (@ashleyzwp)

    6 years, 2 months ago

    Anyone else observing a similar problem? … and knowing what caused it…
    (please)

    We had made no Setting/CSS changes to anything on our WordPress website.
    All was fine.

    Suddenly on 7-August,
    an extra line-space appeared before each </br> tag, ONLY when they appeared within <p> tags.

    Thread Starter ashleyzwp

    (@ashleyzwp)

    6 years, 2 months ago

    Got it!

    We had created a Slider on Sunday 7-August (Plugin used: Master Slider)
    The text in the Slide-Info for each Slide required a line-break and it was not getting accepted. After looking-up online, this solution was found after which the line-break worked. The below had to be added to the Custom CSS of the Slider:
    ——————————
    p {
    white-space: pre-line;
    }
    ——————————

    The Slider is no longer in use.
    Its deleted and the issue resolved along-with that.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘suddenly extra line space appears before break tag’ is closed to new replies.