Need help? Check out our Support site, then


Floating image create too much line spacing for sub heading

  1. After floating an image underneath my sub heading there is now too much space between the sub heading and the paragraph bellow. Can anyone suggest a method for reducing this space and have the heading sitting closer to the paragraph beneath?

    The page I am working with is http://wakefieldsocialistparty.wordpress.com/

    The blog I need help with is wakefieldsocialistparty.wordpress.com.

  2. To get single spacing hold the SHIFT key down when you click ENTER at the end of the paragraph.

    Space between lines. > http://wpbtips.wordpress.com/category/space-betweeen-lines/
    Space between paragraphs > http://wpbtips.wordpress.com/category/space-between-paragraphs/
    Formatting poetry http://en.support.wordpress.com/writing-and-formatting-poetry/

  3. I've disabled the visual editor. I'm interested in fixing the code that is causing this, I think its to do with one of the style properties.

    Here's is the code for that section of the page.

    <p style="text-align:justify;"><br /> <h5>Regional Update</h5><br /> <a href="http://wakefieldsocialistparty.wordpress.com/2012/02/06/february-2012-regional-conference/"><img style="float:right;border:0 solid #aaa;margin:0 10px 10px;padding:5px;" src="http://wakefieldsocialistparty.files.wordpress.com/2012/01/regionalconffeb2012.jpg?w=150" alt="Photo of Attendee's at the February 2012 Regional Socialist Party Conference" title="Attendee's at the February 2012 Regional Conference" width="150" height="112" class="aligncenter size-thumbnail wp-image-227" /></a><br /> This weekend (4th-5th February) saw an enthusiastic gathering of comrades from across the region for this years first <a href="http://wakefieldsocialistparty.wordpress.com/2012/02/06/february-2012-regional-conference/" title="February 2012 Regional Conference"> Regional Conference</a>. Both day's featured an introductory lead in by guest speakers from outside the region until lunch, with multiple commissions to follow before a finally summarising speech and a round of comments and feedback from the floor. The first days focus was on political topics, with the second day having a more practical theme. A collection for the fighting fund also raised in excess of £350!. Further details are provided on our blog post for the event, on our News page.<br /> </p>

  4. Get rid of the line break after the image code and move the text below which starts

    This weekend (4th-5th February) saw...
    to start right at the end of the image code. In other words, you want it to look like this:

    `<p style="text-align:justify;">
    <h5>Regional Update</h5>
    <img style="float:right;border:0 solid #aaa;margin:0 10px 10px;padding:5px;" src="http://wakefieldsocialistparty.files.wordpress.com/2012/01/regionalconffeb2012.jpg?w=150" alt="Photo of Attendee's at the February 2012 Regional Socialist Party Conference" title="Attendee's at the February 2012 Regional Conference" width="150" height="112" class="aligncenter size-thumbnail wp-image-227" />This weekend (4th-5th February) saw an enthusiastic gathering of comrades from across the region for this years first Regional Conference. Both day's featured an introductory lead in by guest speakers from outside the region until lunch, with multiple commissions to follow before a finally summarising speech and a round of comments and feedback from the floor. The first days focus was on political topics, with the second day having a more practical theme. A collection for the fighting fund also raised in excess of £350!. Further details are provided on our blog post for the event, on our News page.
    </p>

  5. Sorry, I forgot a backtick.

    <p style="text-align:justify;">
    <h5>Regional Update</h5>
    <img style="float:right;border:0 solid #aaa;margin:0 10px 10px;padding:5px;" src="http://wakefieldsocialistparty.files.wordpress.com/2012/01/regionalconffeb2012.jpg?w=150" alt="Photo of Attendee's at the February 2012 Regional Socialist Party Conference" title="Attendee's at the February 2012 Regional Conference" width="150" height="112" class="aligncenter size-thumbnail wp-image-227" />This weekend (4th-5th February) saw an enthusiastic gathering of comrades from across the region for this years first Regional Conference. Both day's featured an introductory lead in by guest speakers from outside the region until lunch, with multiple commissions to follow before a finally summarising speech and a round of comments and feedback from the floor. The first days focus was on political topics, with the second day having a more practical theme. A collection for the fighting fund also raised in excess of £350!. Further details are provided on our blog post for the event, on our News page.
    </p>
  6. All I did was delete the "white space" after the closing tag for the image and it fixed the problem. I don't really understood why tbh, but it seems to have improved things.

  7. The image had a standard break after it < br > (without the spaces) which meant that the top of the image was actually the top of the paragraph and the text was pushed down by one line which made it look like there was extra space.

    Sadly the normal p and br tags don't show in the editor in wordpress and that can make it difficult to track down some of these issues. I guess they do it to keep from confusing those not versed in HTML, but it makes it difficult to troubleshoot.

    Anyway, the important thing is the issue is resolved for you.

Topic Closed

This topic has been closed to new replies.

About this Topic