I'm playing around with aligning pictures to the left and right and having the text wrap around it.
But the image is NOT aligning properly, it only aligns left no matter where I set it.
Also, the text isn't wrapping around the images. The image pushes the text down and ONLY the first line of text wraps around the image.
Anyone know how to solve this problem?
Try adding:
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
to the bottom of your theme's stylesheet.
also check if the original style sheet does not have any style such as
.post img { float:left; }
or
#content img { float:left; }
or ...
could be different in your theme, just guessing...
a link to your site might get you more definite help.
GratefulAl
Member
Posted 1 year ago #
You might take a look at this: It works for me (setting at each post)
McBuzz Videos
http://mcbuzz.wordpress.com/2008/07/29/wordpress-25-tutorial-how-to-wrap-text-around-image/
Open the Code editing window (click on the “Code” tab next to the “Visual” tab in the Dashboard editing window underneath the Post/Page Title). Find the “img” tag for the image you want to run text around. Insert the code below as shown. Don’t forget to click on Save or Publish.
Code to add text LEFT of Image
<img style="border: 0pt none; float:right; padding-left:10px; padding-bottom:10px" src="images/trees.jpg" .../>
Code for RIGHT of Image
<img style="border: 0pt none; float:left; padding-right:10px; padding-bottom:10px" src="images/trees.jpg" .../>
Drendo
Member
Posted 10 months ago #
Thanks GratefulAl. Your answer was just what I was looking for and helped me a lot.