WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Extra space between paragraphs: bewildered!

[Resolved] Extra space between paragraphs: bewildered!

  • Fiona

    @feesplacegooglemailcom

    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)
  • Fiona

    @feesplacegooglemailcom

    Sorry: that should say br and p tags.

    WPyogi

    @wpyogi

    Forum Moderator

    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/

    Fiona

    @feesplacegooglemailcom

    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 🙂

    Fiona

    @feesplacegooglemailcom

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

    WPyogi

    @wpyogi

    Forum Moderator

    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…

    Moderator Andrew Nevins

    @anevins

    So you want the gap just below the yellow reduced?

    Fiona

    @feesplacegooglemailcom

    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 ‘[Resolved] Extra space between paragraphs: bewildered!’ is closed to new replies.
Skip to toolbar