Text wrap around images – plz help

  • Hi – I am trying to achieve this affect of wrapping text around images:

    https://www.navidazimi.com/about/

    I have been using the standard WP2.0.2 image upload in the wysiwyg editor to upload and insert the images. The only stuff I see in th resulting source is class=imagelink.

    How do I access the standard WP alignleft / alignright css classes when using this image mgt method ? Thanks in advance.

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

  • Some themes have the style already “built in”. For instance, my theme has these defined in the style sheet:
    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    If your theme’s stylesheet doesn’t have those, feel free to borrow ’em.

    When I add a picture, I click the “html” button and add class=alignleft or whichever class I want to use for alignment. You won’t see it exactly like you want/expect in the wysiwyg editor, but if you save and continue and scroll down to the preview, that will show you how it’ll look.

    Thread Starter bwinter

    (@bwinter)

    Great thanks for that – i was hoping that it could all be done via the editor !

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Text wrap around images – plz help’ is closed to new replies.

Tags