WordPress.org

1. judebrown
   Member
   Posted 3 years ago #

   Been working with Wordpress for about 5 days now. Great, I love it! Website is so much improved. I have been searching for a way to do image wrapping. My blog used to be on Blogger where it was a one click wonder. I have been reading various posts on altering style sheets and adding code. I have no interest. I am not a coder like the majority of people out there.

   Will this basic functionality eventually be built in or is someone going to build a plugin that supports this feature? I have tried 3 to date with no luck. I am running WP 2.0?

   Thanks and keep up the incredible work.

2. paulbeelen
   Member
   Posted 3 years ago #

   Hi there, I am a newbee too (started this very weekend) and was having the same issue. Resolved it in a very easy way:

   All images in your posts will have a style applied, for adding a border to it, for example. Identify this style and look it up in your stylesheet. In the well known Green Marinee template I used, the style for the images is called .main img .

   The image style was:

   .main img {
   padding: 3px;
   border: 1px solid #ACE149;
   }

   and I changed it to:

   .main img {
   float: left;
   margin: 0 10px 10px 0;
   padding: 3px;
   border: 1px solid #ACE149;
   }

   This will always put the image in the upper left corner of your post, with the text wrapped around it nicely.

   Hope it helped. Succes.

3. andrewgreer
   Member
   Posted 3 years ago #

   I'm also looking for this, and I tried adding that text to the img style. Didn't seem to do anything. Unfortunately, I'm such a newbie I can't really figure this out very well yet. Any idea what I'm doing wrong? I added it to the Modern Theme:

   img {
   float: left;
   margin: 0 10px 10px 0;
   border: 0;
   padding: 4px 10px 10px 0px;
   }

4. Kahil
   Member
   Posted 3 years ago #

   here is what i have for mine and they work perfectly...

   /* Image Display */

   .thumbnail {

   background:#fafbfc;

   border:1px solid #b0b0b0;

   margin:0 0 10px 10px;

   padding:5px;

   }

   .alignleft {

   background:#fafbfc;

   border:1px solid #b0b0b0;

   float:left;

   margin: 5px 15px 6px 0px;

   padding:5px;

   }

   .alignright {

   background:#fafbfc;

   border:1px solid #b0b0b0;

   float:right;

   margin: 5px 0px 6px 15px;

   padding:5px;

   }

   .centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   padding: 5px;
   background:#fafbfc;
   border:1px solid #b0b0b0;
   }

   .noalign {

   background:#fafbfc;

   border:1px solid #b0b0b0;

   margin: 5px 5px 5px 5px;

   padding:5px;

   }

5. andrewgreer
   Member
   Posted 3 years ago #

   worked perfectly! Thank you!

6. andrewgreer
   Member
   Posted 3 years ago #

   Darn--now it just went away and I don't understand why. I added an image and suddenly it refused to wrap....any ideas? many thanks and sorry for the ignorance.

7. Kahil
   Member
   Posted 3 years ago #

   in the code for the image, are you adding the class?

   something like...

   <img src='http://www.andrewgreer.com/images/image.jpg' class='alignleft' alt='imagename' />

8. nevermore
   Member
   Posted 3 years ago #

   kahil!!!

   Finally yes, thanks for that source code, now i can wordwrap..cheers, Laurie

9. Kahil
   Member
   Posted 3 years ago #

   no problem :)

Topic Closed

This topic has been closed to new replies.