• Here’s the post that I’m having trouble with:

    http://autism-news-beat.com/?p=238

    In visual editor, the text wraps nicely around the image. When I click on preview, the image is still flush left, but the text doesn’t wrap. You can see it in link:

    http://autism-news-beat.com/?p=238

    Is this normal? Why would I have to insert code if the text wraps properly in the visual editor?

    Also, a newbie question: is CSS the same as the “code” button on the HTML editor?

Viewing 11 replies - 1 through 11 (of 11 total)
  • The code button shows html formatting for the post, and is not the same as css. CSS is the themes “style.css” you can see on the edit themes tab.

    First, remember that the editor is merely showing you content. It does not reflect how that content will look on the site — the theme’s stylesheet in charge of that.

    The image on this post is in a div. If you add this to the bottom of the stylesheet, text will wrap around your image:
    #attachment_280 {float:left;padding:0 12px;}

    But you’ll NEED TO TEST after adding. Put in the code, save the change, then visit pages in your site. i’m not familiar with your theme/template files so this fix might mess something else up. Unlikely though.

    Thread Starter autismne

    (@autismne)

    I don’t see anything labeled an “edit themes tab”. Here’s where I went:

    wp/admin > appearance > editor > edit themes

    Here’s what I see at the top of the editing window:

    ie7.css

    I pasted in the line of code you after the rest of the code. There is no button labeled “save”, so I clicked on “update file”.

    I checked back on my site, but nothing has changed. I went into edit mode and clicked “update site”. Nothing. I deleted the old photo info and reinserted the image and cutline. Still nothing.

    On the manage themes page, I see a header near the bottom of the page that says “Broken Themes”, and “stylesheet is missing”.

    Now what?

    The code should be in the style.css file, should be called “stylesheet” on the right when looking at theme files (i’m using wp 2.7).
    Unless you’re viewing in internet explorer 7, you won’t see the change pasted to the ie7.css file.

    Thread Starter autismne

    (@autismne)

    I’m using Firefox, wp 2.7.

    Is the style.css file in the file manager home directory? Pardon the question, but I need to know in order to fix the problem on my WP blog.

    Thread Starter autismne

    (@autismne)

    WordPress tells me my style sheet is missing, which may be why I am unable to wrap text around a left indented image.

    Here is the URL to my site:

    http://autism-news-beat.com

    I found style.css on the web root:

    File manager > web root > wp-content > themes > cutline 1.2-3column split > style.css

    Is it in the correct folder?

    That sounds right, and the pages are using that style sheet, so the theme is working.

    If you go to Appearance, Editor. They stylesheet (style.css) should be the one in the editor. If not, on far right is list of theme files. The first group says “Templates”, scroll down until you see “Styles” and choose Stylesheet (style.css).

    Just scroll down to the bottom, add the code, update file. Then visit the page in question and refresh the browser. It should work.

    The only thing that might NOT work is if images are sometimes in a different div, like if there’s one that’s called “attachment_140” or such.
    try this:
    #attachment_290, .entry img {float:left;padding:0 12px 0 0;}

    so any image inside the “entry” div is floated, allowing text to flow around it, with 12px of space to the right.

    This worked on another page (with the wxyz reporter image) but the page noted above needs the #attachment_290 to work.

    Thread Starter autismne

    (@autismne)

    Nothing’s working.

    Where does this code go?

    #attachment_290, .entry img {float:left;padding:0 12px 0 0;}

    on Appearance > editor? That’s what I tried.

    If you have clicked Appearance > Editor
    the top of the page says “Edit Themes”
    right below that it should say “Styleshett (style.css)
    In the white window, go all the way to the bottom and paste the code
    Now click “update File”

    visit your website. Make sure to press “refresh” on the browser window.

    all should be dandy!

    It looks like you were able to post to the stylesheet, but using the top code with “attachment_280”. At some point the div changed from “attachment_280” to “attachment_290”. so use the code just above. The entry img doesn’t seem to be on the stylesheet.

    Thread Starter autismne

    (@autismne)

    If you have clicked Appearance > Editor
    the top of the page says “Edit Themes”
    right below that it should say “Styleshett (style.css)

    It says: ie7.css

    It looks like you were able to post to the stylesheet, but using the top code with “attachment_280”. At some point the div changed from “attachment_280” to “attachment_290”. so use the code just above. The entry img doesn’t seem to be on the stylesheet.

    I can’t tell which you want me to paste in – 280 or 290? 290 was already there and it doesn’t work.

    Thread Starter autismne

    (@autismne)

    280 doesn’t work either.

    I changed to style.css and 290 still doesn’t work.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Need to wrap text around image’ is closed to new replies.