WordPress.org

Ready to get started?Download WordPress

Forums

Text wrap around images - plz help (3 posts)

  1. bwinter
    Member
    Posted 8 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 8 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 8 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