TCD009 記事本文の左右マージンを広げてみた

TCD009マージン
 
私が初めて購入したwordpressの有料テーマ、TCD009。
iPhoneで見ると記事の左右に余裕がなくて、読みづらい。
 
もう少し記事の左右にマージンを入れて、
行間隔を狭くすれば読みやすくなるかな?
 
そう思って「TCD009 記事の左右にマージンを入れる方法」を検索してみると、
当ブログの記事が先頭に来ていました。


過去に書いたTCD009関連の記事。
 
■試してみた。記事のトップでimg(画像)にテキストを回りこませるCSSソース
■ソースコードをWordPress記事に表示するプラグイン「SyntaxHighlighter Evolved」
■wordpress twenty eleven(トゥエンティ・イレヴン)のカスタマイズ 関連記事を記事の最後に表示する
■wordpress Twenty elevenのサイドバー幅を300pxに広げるcssコード
 

私が探している記事は、
 

「TCD009の記事の左右にマージンを入れる」
「TCD009の行間を狭くする」

 

ということであって、表示された当ブログの記事には何ら答えがあるわけもなく。
 

・・・・なんだか、とても複雑な気持ちになりました。
 

探している情報にそぐわない検索結果が出る。
ああ、きっと、こんな風に検索で飛んできてくれた来訪者は、
「探していた情報と違う!」と、すぐに去っていくんだろうなぁ。
 

申し訳ございません。。
 

とういことで、wordpressテーマ TCD009 記事の左右マージンを広げる方法
について、この記事に書いておきたいと思います。

postのマージンを変更する

変更するソースは、この部分でした。
 

/* post */
.post {
 margin:0 20px 25px 35px;
line-height:100%;}

※postという部分の、上マージンを0px、右マージンを20px、下マージンを25px、左マージンを35pxにする、という意味。
 
CSSはテーマ編集からどうぞ。

ダッシュボード → 外観 → テーマ編集 ・・・ Dynamic: スタイルシート (style.css)

 
行の間隔については、デフォルトが240%になっていました!(広っ)
100%に変更すると、ちょうど読みやすくなたような気がします。
 

これで、iPhoneでも読みやすくなったと思います。


関連記事

●このブログの運営者


Willkinokoです。大阪在住の会社役員。バツ1、子持ちのアラフォーです。趣味はブログの運営と体を動かすこと。日々、自分の生活に目を向け、感じたことをブログに綴っていきたいと思っています。 詳しく見る

Twitter

●ブログ検索

ページ上部へ戻る