Adding Line Break After Image

  • Resolved jj11

    (@jj11)


    15 years, 6 months ago

    Hi

    I’m tearing my hair out over something that SHOULD be so simple.

    I want to insert an image with some text to the side then have a LINE BREAK and then on a NEW line insert the WordPress image gallery for a list of 10-20 pictures.

    I know I could probably hardcode this but I need to get it set up so users can use the same format on lots of different pages without having to delve into html.

    My test site – which is in a rough state as I’m trying out each new feature on it – is www DOT quickhomesalesuffolk.co.uk/blog/?page_id=81

    The table plugin I tried din’t seem to work.

    Many thanks to anyone who can save me going round in yet more circles!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    15 years, 6 months ago

    Use CSS to add a clear:both; to the gallery class in your stylesheet.

    Thread Starter jj11

    (@jj11)

    15 years, 6 months ago

    Use CSS to add a clear:both; to the gallery class in your stylesheet.

    I am sorry – how do I do this? My style.css sheet does not have a gallery class and I cannot see how to add one to the gallery images?

    David Gwyer

    (@dgwyer)

    15 years, 6 months ago

    Hmmm, you could try wrapping the following code you currently have below in a div with clear both:

    <h2><a href="http://www.quickhomesalesuffolk.co.uk/blog/wp-content/uploads/2010/07/uploadset2.jpg"><img class="size-full wp-image-195 alignleft" style="border: 1px solid blue; margin: 0px 10px;" title="uploadset2" src="http://www.quickhomesalesuffolk.co.uk/blog/wp-content/uploads/2010/07/uploadset2.jpg" alt="" width="296" height="195"></a> Beautiful Pottery</h2>
<p>dfsdfdsfsf skjf ksdj fkjsd fjksd hfksd fksf dkjsd fks</p>
<p>Individual items below:</p>

    Just try wrapping this in a div as follows:

    <div style="clear:both;">
[code here]
</div>

    Just add the style to your style sheet rather than inline as in the example above.

    esmi

    (@esmi)

    15 years, 6 months ago

    Try adding:

    .gallery {clear:both;}

    to the bottom of your stylesheet.

    Thread Starter jj11

    (@jj11)

    15 years, 6 months ago

    Esmi – many thanks!!!! It worked and I would never have got there. Thanks again.

    esmi

    (@esmi)

    15 years, 6 months ago

    You’re welcome. 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Adding Line Break After Image’ is closed to new replies.