PR

Livedoorブログの「ホワイトプレス」のトップページの見出し記事のサイズを変えてみた

当サイトではアフィリエイト広告を利用して商品を紹介しています。
当サイトではアフィリエイト広告を利用して商品を紹介しています。
この記事は約1分で読めます。

公式デザインの「ホワイトプレス」を使用していますが、
どうも、画像の大きさが少し大きいような気がして・・・
なんだか恥ずかしいw
210px

そこで、見出し画像を少し小さくできないものか
CSSをいじってみました。
いろいろいじってみた感じでは

custom1
①は見出し記事全体の高さ
②は見出し記事の表題や書出しの開始位置のためのマージン
③は見出し画像の枠というか背景?
④は見出し画像の幅

custom2

custom3

いろいろ試した結果、①の高さに気をつけないと
文字が途中で切れてしまったりします。
②のマージンは初期設定の③+30pxがベストかな?
最終的には、①、③、④:150px、②:180px

次は、adsenseの広告は200×200なので250にすれば、
丁度はまると思います。あとは見出し記事の上と右のスペースを
調整したいなと思います。

custom_t1

コメント