• I migrated my site from blogger to wordpress around a year ago, and since then I have slowly been fixing formatting issues with the font, which isn’t too bad. What is causing me some headache is re-inserting the images into posts because I cannot figure out how to simply remove the table that appears to be around them without losing my photo captions.

    Here is an example of a post I have not fixed: https://www.faithfamilyandbeef.com/2014/05/recipe-of-the-week-spinach-artichoke-burgers.html

    Is there a quick and easy, or I’d settle for just easy, solution to these formatting issues?

    Thanks in advance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • I think the theme style sheet is placing a background color in the post content table.

    .post-content table tbody > tr:nth-child(odd) > td { background: #f9f9f9; }

    If the theme has a user-added CSS option, or if you use a custom CSS plugin of any type, you may be able to simply change the color to #fff as a work-around.

    .post-content table tbody > tr:nth-child(odd) > td { background: #fff; }
    Thread Starter tdrieling1

    (@tdrieling1)

    Thanks, Clayton! Will that keep the photo in a table, or will I be able to do a right align and have the text wrapping?

    This is what the text view looks like surrounding that photo:

    <div style=”clear: both; text-align: center;” align=”left”></div>
    <table style=”clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: right;” cellspacing=”0″ cellpadding=”0″>
    <tbody>
    <tr>
    <td style=”text-align: center;”><img src=”http://www.faithfamilyandbeef.com/wp-content/uploads/2014/05/saburger.jpg&#8221; alt=”” width=”320″ height=”320″ border=”0″ /></td>
    </tr>
    <tr>
    <td style=”text-align: center;”>Spinach Artichoke Burger</td>
    </tr>
    </tbody>
    </table>

    All of the photos in posts that I imported from blogger look similar to this. Is there a way to fix them all at once or will I have to go into every post and make changes?

    Thanks again!

    The only thing my suggestion should change is the background color of the table. It won’t remove or move anything.

    All of the photos in posts that I imported from blogger look similar to this. Is there a way to fix them all at once or will I have to go into every post and make changes?

    I’m not sure what actually generated those tables inside the post content div, but my guess would be that there’s probably no (practical) way to fix them automatically.

    Thread Starter tdrieling1

    (@tdrieling1)

    That’s what I was afraid of… Is there a way to get rid of the table in the text of the post without losing the photo or the caption?

    You can probably remove the tables and leave the images one post at a time, but it looks like it might really mess up your image captions and formatting.

    I can see in your source code that the “tablepress” plugin is active. I’m not sure what you’re using it for, but is there any chance that plugin could be affect your post-body image presentation (I’m not familiar with the plugin myself)?

    I think if it was me – and I know it would be a pain in the butt – I might try editing each of the affected posts individually by first re-inserting the images and captions in the posts, directly below the existing table and image, using the insert from media library functions in the dashboard. That way you can see if it’s going to present your images and captions the way you want them. If so, then its just a matter of removing the old image and tables from the post after that (albeit one at a time). You should probably also make sure that your theme supports the WordPress Generated Classes for images and captions before testing the changes.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to remove table around images after blogger to wordpress migration?’ is closed to new replies.