«

»

May 19 2010

Solved: Windows Live Writer and Twenty Ten Theme Images

jtzstvel_thumb Solved: Windows Live Writer and Twenty Ten Theme ImagesI’ve seen a few posts and complaints from folks saying they can’t get Windows Live Writer and the new WordPress Theme ‘Twenty Ten’; they can’t align images in EDIT mode.

There’s some heat flowing in the direction of Windows Live Writer for not being compatible, or people complaining that they’re going to drop Windows Live Writer because of this one theme; that’s not a logical choice.

And I’ve said this over and over, and here I go again, Windows Live Writer doesn’t always detect themes properly, and if it doesn’t detect it right- you can edit the CSS manually.

So, here’s the solution for Windows Live Writer and ‘Twenty Ten’…

» I’d like to state that this solution works for EVERY browser on the web except for Internet Explore; simply ‘cause it’s that crappy- even if you use compatibility mode. I’ve tested it with Firefox, Opera, Chrome and Safari[…] it works fine.
 

lgga0cto Solved: Windows Live Writer and Twenty Ten Theme ImagesThe issue I’m discussing is the fact the new theme can’t align the images properly in Windows Live Writer when composing. When images are pasted/inserted in to Windows Live Writer the program will only allow the left or center justify of the image; right justify is disabled. The HTML code is good, but the CSS says no…

Well, I’m here to show you it can be done, and it’ll work and all it takes is a small amount of time and a basic text editor. If you’d like to go out and hire a monkey that can type, you can, but you can do this yourself.

The first thing you’ve to do is find the CSS file that’s downloaded when you refresh the theme for the Twenty Ten theme; so if you haven’t done that- do it now.

You’ll find the new theme files in the blog templates folder. The Windows Live Writer folders aren’t really that easy to understand, so be careful. And if you’re not sure, backup the files before hand.

» I’m not responsible if you jack up your theme.

C:UsersUSERNAMEAppDataRoamingWindows Live WriterblogtemplatesLONGSETOFNUMBERSLONGSETOFNUMBERS

 

lh4isete_thumb Solved: Windows Live Writer and Twenty Ten Theme Images

Inside the folder you’ll find STYLE.CSS – this is the file you need to change and when you find out what to change you’ll be pulling your hair out.

Open this file with a text editor; a good one- not notepad [piece of crap].

 

In the file, at the very top, you’ll see:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}body{line-height:1;}h1, h2, h3, h4, h5, h6{font-weight:normal;clear:both;}ol, ul{list-style:none;}blockquote{quotes:none;}blockquote:before, blockquote:after{content:”;content:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}a img{border:none;}#container{float:left;margin:0 -240px 0 0;width:100%;}#content{margin:0 280px 0 20px;}#primary,
#secondary{float:right;overflow:hidden;width:220px;}#secondary{clear:right;}#footer{clear:both;width:100%;}.one-column #content{margin:0 auto;width:640px;}.single-attachment #content{margin:0 auto;width:900px;}body,
input,
textarea,
.page-title span,
.pingback a.url{font-family:Georgia, "Bitstream Charter", serif;}h3#comments-title,
h3#reply-title,

Do you see what to change yet?

It’s the fourth line from the top, fifth word over… IMG

You see it? delete it. removing the IMG with the comma and retaining the pattern.

Save the file and re-open Windows Live Writer.

» You’ve got to close Windows Live Writer and re-open it to have it reload the CSS from the new file. Trying to make the change in Windows Live Writer; even trying to establish a NEW post will not work.

If you edited the right file, and your on the Twenty Ten theme, copy and paste an image, adjusting it left or right- it works.

I hope this helps… Now go back to work bloggers.

 

Until next time,
LEHenryJr
LEHSYS.com


Support the site — Share this!

  • Becca

    Thank you soooo much! Really.

  • Pingback: R is for Rainbow | Child's Play: Where Learning Happens()

  • Pingback: Relocation | Child's Play: Where Learning Happens()

  • Nikola

    I'm having a different problem with TwentyTen and the XP version of Live Writer (pre-2011). In the edit screen, the column width is simply much wider than the actual theme width, so a post looks quite different in the edit screen compared to the preview screen.
    Any idea how this might be fixed? I didn't have this problem in Live Writer 2011, but as of recently I'm stuck with Windows XP and this older version of Live Writer.