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!
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.
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)
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?
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.
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.
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
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...
You must log in to post.