Extra space between paragraphs: bewildered!

  • Resolved Fiona

    (@feesplacegooglemailcom)


    11 years, 5 months ago

    Hi there. I have the Cafiko theme and my website address is http://www.outsource-typing.com. You will see on the homepage after the yellow section “saves you time/money, etc.”, there appears to be an extra carriage return, making a visibly larger space between paras. It looks messy and I’d like to sort it. I have tried using
    & <p> tags in the HTML but it doesn’t work! Argh! Any hints as to what I can do to permanently solve this wee problem are very much appreciated. 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter Fiona

    (@feesplacegooglemailcom)

    11 years, 5 months ago

    Sorry: that should say br and p tags.

    WPyogi

    (@wpyogi)

    11 years, 5 months ago

    You have extra (empty) tags in there which are creating that space:

    <p>
<br>
</p>

    Generally, spacing is controlled by the CSS code — try using Firebug to help with CSS. And you really should not be using inline CSS — all styling should be done in an external stylesheet or possibly in internal CSS for limited purposes.

    Basic CSS reference may also be helpful:

    http://www.w3schools.com/css/

    Thread Starter Fiona

    (@feesplacegooglemailcom)

    11 years, 5 months ago

    Hi there,

    I’ve had a look and I can’t see any extra p br or /p tags.

    This is the code before:

    </span></span></div>
     

    … then the “too” big space, here.

    Then this code is below the big space and at the start of the line:

    <p style=”text-align: justify;”><span style=”color: black; text-align: justify;”>

    I am totally at a loss. Any further suggestions?

    Thanks 🙂

    Thread Starter Fiona

    (@feesplacegooglemailcom)

    11 years, 5 months ago

    PS. there’s an nbsp thingy too after the div (it didn’t paste above).

    WPyogi

    (@wpyogi)

    11 years, 5 months ago

    This is the rendered HTML code from that part of the page:

    </span></span></div>
<p>&nbsp;<br />

<p style="text-align: justify;"><span style="color: black;

    The second line of code above is creating that space…and it appears that a stray closing p tag must be someplace else…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 5 months ago

    So you want the gap just below the yellow reduced?

    Thread Starter Fiona

    (@feesplacegooglemailcom)

    11 years, 5 months ago

    Thanks WPyogi, that’s it sorted! And thanks Andrew for offering to help – looks to be sorted now. Happy bunny 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Extra space between paragraphs: bewildered!’ is closed to new replies.