How to stop text wrapping around images in Pressrow theme?

  • Unknown's avatar
    dontstop · Member ·

    Hi,
    i use Pressrow Theme. What do i do to stop text wrapping around an image?
    I thought beginning a new paragraph <p> </p> would do this – but it doesn’t.
    I found this hint:

    you can manually stop wrapping at any point using the clear property in a line break tag:

    <br style="clear: both";>

    but wordpress.com changes the code to a simple <br> after i click the save button.
    Would the above hint work, if i bought CSS-Upgrage?
    Thanks for answers :)

    P.S. are there any special resources about people customizing the Pressrow-Theme on WordPress.com?

  • Unknown's avatar
    ellaella · Member ·

    Chris Pearson, the designer of Pressrow, has extensive resources for his other WordPress.com theme, Cutline, and some might be of help to you. Here’s a link to the image handling page, although I don’t know if the two themes operate the same way:

    http://cutline.tubetorial.com/image-handling-with-cutline/

  • Unknown's avatar
    dontstop · Member ·

    Yes, i know. there is the same page for Pressrow:
    http://www.findcreditcards.org/pressrow/2006/05/10/image-handling-with-pressrow/
    but it doesn’t go very much into details. So no help for my problem…
    Thank you, anyway…

  • Unknown's avatar
    rosclarke · Member ·

    I don’t know what the answer is, but I’d be surprised if it’s a CSS issue.

  • Unknown's avatar
    devblog · Member ·

    style attributes in tags other than div will be stripped off by the wp software even if you have the CSS upgrade.

    What I’d suggest, if you want a picture centered and have text below it, then do something like this:

    <div align="center">
     <img src="image.ext" alt="blah" title="blah" style="width:[number]px; height:[number]px" />
</div>
<p>Lorem ipsum....</p>

    The above code should work.

    HTH.

  • Unknown's avatar
    dontstop · Member ·

    thanks devblog.
    that answers the CSS upgrade question.

    My other problem is the following:
    i start a new paragraph with a picture. the text *should* wrap around the image there.
    now imagine the paragraph text very short and i want to start a new paragraph *below* the image. but what happens is, the text from the new paragraph – sometimes even a small image from the new paragraph – are still wrapped around the image from the first paragraph.

    So at the moment i have to do without imagewrapping at all.
    What i am looking for is a possibility to first wrap text around an image and then stop wrapping and begin a new paragraph below the image.

    Sorry if its bad english ;)

  • Unknown's avatar
    devblog · Member ·

    If I understand your question well, what I’d suggest is doing something like this:

    <div>
     <p>
          <img src="image.ext" alt="blah" title="blah" style="width:[number]px; height:[number]px" />
          This is a very shrot sentence.  That's it.</p>
</div>
<p>Lorem ipusm... [long paragraph]...</p>

    What will happen here is that the “lorem ipsum” paragraph will start right below the picture while the “This is a very short sentence..” text will remain next to the image.

    HTH

  • The topic ‘How to stop text wrapping around images in Pressrow theme?’ is closed to new replies.