WordPress.org

1. rfielder21
   Member
   Posted 2 years ago #

   This has been unbelievably frustrating, and I've been troubleshooting for two days, but I still cannot get text to properly wrap around images in this new WordPress-launched site.

   I'm using the Vintage Mag theme, which in retrospect was a huge mistake, because the coding is obviously messed up.

   See the problem here:

   http://www.mnpokermag.com/2010/02/07/dan-dow-wins-february-island-tournament/

   and here:

   http://www.mnpokermag.com/2010/02/05/welcome-2/

   In the style.css file, I currently have this code:

   img.alignright {float:right; margin:0 0 1em 1em}

   img.alignleft {float:left; margin:0 1em 1em 0}

   img.aligncenter {display: block; margin-left: auto; margin-right: auto}

   a img.alignright {float:right; margin:0 0 1em 1em}

   a img.alignleft {float:left; margin:0 1em 1em 0}

   a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

   ====

   I've also tried various other similar "float" codes, but nothing works. I also installed a new admin editor, which sort of fixed the problem... text wrapped somewhat properly, but the paragraph tags were somehow removed upon posting, which left a jumbled mess of text.

   Any suggestions? Is there a conflict w/ the admin CSS?

2. Deckster0
   Member
   Posted 2 years ago #

   Remove the paragraph tags (<p> and </p>).

3. rfielder21
   Member
   Posted 2 years ago #

   I'm back to the original editor now, which is more ideal for the multiple authors we have.

   With the original editor, the paragraphs show up just fine. But as you can see in the above links, they do not wrap around the image.

4. rfielder21
   Member
   Posted 2 years ago #

   Also, if anybody knows whether a style.css code (such as the image float code above) can somehow be canceled out by another file, let me know. I'm totally baffled right now.

5. Rev. Voodoo
   Member
   Posted 2 years ago #

   grab the firebug addon for firefox.....lets you see what css is applying/overwriting what

6. rfielder21
   Member
   Posted 2 years ago #

   The CSS in this theme is actually a 960 grid-style CSS, with a style-960.css file.

   Is anybody familiar with 960 CSS and/or know how that may or may not affect the style.css file?

7. rfielder21
   Member
   Posted 2 years ago #

   The problem was this strip of code in the style.css file:

   #content div.post p { line-height: 1.6em; color: #666; clear: both; padding: 10px 10px; margin: 0; }

   Deleting it fixes the issue, but creates a couple other formatting problems. Still have to fix those, but deleting the above line fixes the text wrap problem.

Topic Closed

This topic has been closed to new replies.