WordPress.org

1. Altstatten
   Member
   Posted 2 years ago #

   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.

2. shadow
   Moderator
   Posted 2 years ago #

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

3. Altstatten
   Member
   Posted 2 years ago #

   "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>

4. DR2000
   Member
   Posted 2 years ago #

   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.

5. Altstatten
   Member
   Posted 2 years ago #

   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?

6. moshu
   Member
   Posted 2 years ago #

   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.

7. Altstatten
   Member
   Posted 2 years ago #

   Thank you!

Topic Closed

This topic has been closed to new replies.