Support » Fixing WordPress » Importing posts of different container width

  • Hello!

    I’m transferring from wordpress.com to wordpress.org. The export/import plugins themselves work just fine, it’s just that in my new blog the post container is wider than the old one. Having it stay the same for future posts is not an option – the container was too narrow to begin with. Edit: And there’s like 200 posts to import so really don’t wanna go over them one by one to realign everything…

    Image alignment and custom css inside posts (please, no “don’t do inline css, man” lecture :P) get wayy out of whack if the container width is changed during import. Note: even without the inline custom css the image alignments and selected image thumbnail sizes still need this matter to be solved.

    So, the question is: Can I import the old posts so that they would be shown with the width of the old container and then, when posting new stuff, the container would default as wider.

    Thanks in advance!

    – Jaakko Pöntinen

Viewing 3 replies - 1 through 3 (of 3 total)
  • Howdy @jpontinen,

    A link to the site would certainly help as this seems like a HTML / CSS layout issue and using developer tools are key for these types of issues.

    custom css inside posts (please, no “don’t do inline css, man” lecture :P)

    Unfortunately, this is a HUGE reason why inline CSS is bad. When the importer grabs all the data, it will include your inline CSS as post content and when you switch to a new theme or layout that relies on it’s own CSS, you’re gonna have a bad time – As I believe you are currently experiencing. If there was no inline CSS, it would adapt to the CSS in its’ new home much easier.

    As for images and thumbnail sizes, it would be much easier to guide you if you could provide a link to the site and the layout you are looking for (out of whack isn’t exactly specific). For example: there could have been CSS either in your old theme or plugin that was targeting a specific class and now your new theme is targeting a different class.

    Hey Craig,

    Thanks for the reply!

    I gotta admit, inline CSS really IS the cause for few of the problems (I imported some posts with a 40+ image content, catalogs of different plants categorized to match certain specs) and when I originally made the post… Well. I didn’t know what I was doing, so I made CSS containers that worked ok-ish with the current theme.

    Most of the problems are simpler than that. The post container width has increased by 250-some px, so if I had two thumbnail images next to eachother in a post, now they are 250px apart.

    … Maybe I just need to re-edit the posts that are like too badly messed up and quit my whining.

    I’d love to give a preview of my site, but it’s for my company and I have no idea what their opinion is of me sharing my work before the official launch. Secondly, I run wp.org at my home computer and have no idea what kind of security implications sharing the wp.org ip/port would present (I have no experience running servers other than for online gaming etc). So I’d propably opt not to share my work anyhow.

    Again, thanks for the answer: you got me thinking about this problem in a new way. There propably is no ultimate solve-all answer for what I’m doing. BUT! I promise: I will learn out of inline CSS, since I now understand the problem it poses.

    About that very thing: What DO I do when I want to post something that requires arranged form; like the plants grouped / divided into sections according to some property. HTML table?

    Thanks!

    – Jaakko Pöntinen, gardener 😀

    The post container width has increased by 250-some px

    Are you referring to an element with inline CSS within a specific post? Your posts should (for the most part) all be running off the same template file and therefore should share the same containers, so if you switched themes during this migration, the new theme template could be 250px thinner than your previous one. And that would just be a case of finding the container element and adding some custom css. For example if you have div with a class “container” that is 700px and you want it to be 950px, you would just add some custom CSS similar to:

    .container{width:100%;max-width:950px;}

    I have no idea what their opinion is of me sharing my work before the official launch

    That is entirely understandable, I am just giving you a heads up that troubleshooting HTML / CSS issues are insanely difficult to do without seeing any of the code. In the example above I am completely making an assumption to try and give you a practical example – Had I been able to use browser tools to view the HTML / CSS, I would have been able to provide more accurate code for you.

    About that very thing: What DO I do when I want to post something that requires arranged form; like the plants grouped / divided into sections according to some property. HTML table?

    I would recommend learning some HTML / CSS basics and you’ll be customizing your site in no time. That is a pretty general question and I am a little unsure how to answer it without getting into an entire lesson on front end development. If you have a more specific question, feel free to drop it here if it’s related, or even create a new thread if it’s a new question.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Importing posts of different container width’ is closed to new replies.