Movable Typeのカスタマイズ styles-site.css

この記事は約1分で読めます。
スポンサーリンク

フォントの大きさや表示の幅はスタイルシートで設定されていますので、
これを編集することで、デザインを変えることができます。

スタイルシートは「styles-site.css」というファイルで、
これはMovable Typeをインストールしたディレクトリのルートにあります。

まず、投稿記事のフォントが小さすぎるので、
「.content p」の「font-size」を「x-small」→「11pt」に変更し、大きくしました。

次に、Blogの幅が狭いので、
「#container」の「width」を「700px」→「850px」に変更し、150pxだけ広くしました。

しかし、これだけでは右に空白が空くだけですので、
「#right」の「float」を「left」→「right」として右に寄せ
(「width」の「200px」は変更しない)、
「#center」の「width」を「500px」→「650px」と広くし、
本文の幅を広くしました。

さらに、Blogの名前(クリックでトップページへ移動)が大きすぎるので、
「#banner h1」の「xx-large」→「x-large」に変更しました。

タイトルとURLをコピーしました