Cutline Theme Support Forums » General

How to Wrap Text around an Image in a post?

(8 posts)
  • Started 4 years ago by Nevets
  • Latest reply from couchmouse

Tags:


  1. I have noticed on some of the other blogs which use the Cutline Theme that they are able to wrap the text around an image. For some reason, I can not figure it out. If I post an image in my post, the text appears below the image but I cant seem to figure out how to put the text next to the image so I dont have all that empty white space.

    Any help is greatly appreciated!

    Posted 4 years ago #
  2. In WP's code editor try this:

    <p align="justify"><img src="http://yourURL/yourimage.jpg" class="left" hspace="2"/>Text etc.</p>

    Please note: The parameter class="left" places your image to the left side, wraps text around the image, justifies the text, places a nice little border around your image, and brews you a cup of cappucino (just kidding on the latter). If you choose class="right" it places the image to the right side with the same perks.

    The parameter hspace="2" ensures that all text is padded 2 pixels away from the image. Hope this helps.

    Posted 4 years ago #
  3. Worked great! Thanks! I made a few mistakes but you really made it easy. Once again, thank you!

    What would I do if I wanted to eliminate the border? (Cant wait till it can brew coffee too! lol)

    Posted 4 years ago #
  4. When I do this, the spacing between the image and the text looks fine in the editor, but I lose the spacing after I publish and view outside the editor.

    The page is here:
    http://www.cliqpreneur.com/bad-blog-headlines-how-to-learn-from-them/

    The code looks like this:
    <img src="http://cliqpreneur.com/images/Thinker.jpg" title="Bad Blog Headlines: How to Learn from Them" alt="Bad Blog Headlines: How to Learn from Them" align="left" height="160" hspace="10" vspace="1" width="240" />

    Thoughts?

    Posted 4 years ago #
  5. cliqpreneur, your horiz. and vertic. spacing are at 5 each, now that I'm looking at your source. And it looks fine to me on IE7.

    Posted 4 years ago #
  6. I noticed last night that the problem exists in Firefox, but not IE. I need my time for other projects, so I decided to put the required padding directly into the image.

    I hate using work arounds, but this particular blog is a lesser priority right now.

    Posted 4 years ago #
  7. roadhog
    Member

    I am fairly new to WP and cutline... All of the images on my blog butt up against the text. I would like to have some air between the images and the text. Is there a way to make this type of change on a global level instead of modifying each image?

    RH

    Posted 4 years ago #
  8. Cutline has image positions, left, right, wrap etc. already built into the style.css. You just have to use the img class="" for how you want it. It is a lot easier than trying to put all that code into your post. Go here for instructions...

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

    Posted 4 years ago #

RSS feed for this topic

Reply

You must log in to post.