• Would someone kindly take a look at http://www.sirspeedynorthdallas.com and SHOW me what block of code I need to add to the css file and WHERE it goes to get the text to wrap around the pic? Please.

    I’ve already read the documentation and I don’t comprehende and there’s too much that’s assumed, etc.

    Any help appreciated.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You can simply use the align left or right on your image from within the in the WRITE panel itself. To add a bit of padding, use something like the following in your CSS file [style.css] within your theme directory

    .post img {margin: 4px;}

    Thread Starter altstatten

    (@altstatten)

    “simply use the align left or right on your image from within the in the WRITE panel itself.”

    Please translate. What does this “look” like? Got a sample?

    And my attempts to include additional image instructions seem to want to apply themselves to ALL images in the theme. <sigh>

    Not the best way to do it, but probably the simplest would be the following:

    Where you currently have:
    <img src='http://www.sirspeedynorthdallas.com/wp-content/uploads/2007/10/heather-reeves-thumb.thumbnail.gif' alt='Heather Reeves' />

    you should have:
    <img style="float: left;" src='http://www.sirspeedynorthdallas.com/wp-content/uploads/2007/10/heather-reeves-thumb.thumbnail.gif' alt='Heather Reeves' />

    That should do what you want.

    Thread Starter altstatten

    (@altstatten)

    Excellent. That did the trick.

    Now how do I put space around the picture and a border? I’ve put this—

    img {
    border: 2px solid #B6B6B6;
    padding: 0;
    margin: 5px 5px 0px 5px;
    display: inline;
    float: left;
    }

    —in my css file but it puts a border around every image and moves things around. Can anyone SHOW me what text I can put in my css file to do this right?

    Make it

    .entry img {
    border: 2px solid #B6B6B6;
    padding: 0;
    margin: 5px 5px 0px 5px;
    display: inline;
    float: left;
    }

    that “tells” apply the code only to the images inside the “entry” class.
    Actually, having this in your stylesheet, you do NOT need any inline style (what was suggested by dr2000), so do NOT put anything in the image code in the post!

    EDIT. Of course, this is valid only for this theme because you have your posts inside that “entry” thing. Other themes will require different class or id.

    Thread Starter altstatten

    (@altstatten)

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS and Getting Text To Wrap’ is closed to new replies.