WordPress.org

Forums

[resolved] Extra space between paragraphs: bewildered! (8 posts)

  1. Fiona
    Member
    Posted 2 years 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. :)

  2. Fiona
    Member
    Posted 2 years ago #

    Sorry: that should say br and p tags.

  3. WPyogi
    Forum Moderator
    Posted 2 years 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/

  4. Fiona
    Member
    Posted 2 years 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 :)

  5. Fiona
    Member
    Posted 2 years ago #

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

  6. WPyogi
    Forum Moderator
    Posted 2 years 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...

  7. Andrew
    Forum moderator
    Posted 2 years ago #

    So you want the gap just below the yellow reduced?

  8. Fiona
    Member
    Posted 2 years ago #

    Thanks WPyogi, that's it sorted! And thanks Andrew for offering to help - looks to be sorted now. Happy bunny :)

Topic Closed

This topic has been closed to new replies.

About this Topic