WordPress.org

Forums

Text wrap around images - plz help (3 posts)

  1. bwinter
    Member
    Posted 10 years ago #

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

    http://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.

  2. Chris_K
    Member
    Posted 10 years ago #

    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.

  3. bwinter
    Member
    Posted 10 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic