Engineer's Way

主にソフトウェア関連について色々書くブログです。

はてなブログの記事の横幅を広げる方法 (テーマ:solidの場合)

横幅を広げる方法

どうもブログの横幅が狭いと思ったの 

で、以下のCSSを書いて広げてみた。
なお、公式テーマの「solid」を使ってます。

はてなブログのダッシュボードから「デザイン」→「カスタマイズ」→「デザイン CSS」という順番で移動し、 以下の内容を貼り付けます。
そうすれば、PCで見るときに横に広くなります。

@media screen and (min-width:1200px) {
  #main-inner {
    width : 800px;
  }
  header.entry-header {
    width: 700px;
  }
}

f:id:matsnow:20161023172151j:plain