Image Wrapping

  • 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.

Viewing 8 replies - 1 through 8 (of 8 total)

  • 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.

    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;
    }

    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;

    }

    worked perfectly! Thank you!

    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.

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

    something like…

    <img src=’https://www.andrewgreer.com/images/image.jpg&#8217; class=’alignleft’ alt=’imagename’ />

    kahil!!!

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

    no problem ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Image Wrapping’ is closed to new replies.

Tags