はてなブログのデザイン変えようとして失敗

はてなブログのデザイン変えたい。

HTMLソースを見ると、
http://itouhiro.hatenablog.com/css/theme/cocoa/cocoa.css
のCSSでデザインしてある。

GoogleChromeのDeveloperToolsで具体的にどのHTMLパーツがどうCSS設定してあるか調べる。

HTML構造は‥

div#container > div#content > aside#box2
 がサイドバー。
div#container > div#content > div#wrapper
　がメイン本文。

となっていることがわかった。

メイン本文の幅が狭いので、広くしたいのだ。
デザインCSSに

#box2 {width:160px;}
#wrapper {width:625px;}

と入れたらいいのか？

やってみると枠の角丸部分がずれた。
角丸に http://itouhiro.hatenablog.com/css/theme/cocoa/radius10-width500-top.png という画像使ってて、変更できないんだね。

というわけでこのテーマのデザイン変更はあきらめて、別のテーマを使うことにした。