Bloggerのテーマを「Essential Light」に変えたので、カスタマイズのメモ。
見出しの変更
「CSSを追加」のところに入力するだけ。
h2 {
border-bottom: solid 0px #47a89c;
border-left: solid 8px #47a89c;
margin-top: 2em;
padding: .2em .5em;
font-size: 22px;
}
＊小見出しの<h3>は、投稿のタイトルと連動しているため、指定できず。
これってほんと不便だよね。。。😓
画像がブログ幅からはみ出さないようにする
「CSSを追加」のところに入力するだけ。
div.separator img {
max-width: 95%;
height:auto;
}
詳細設定
メインのカラーテーマ：●シアン#47a89c
ページのテキスト：15px、●#4d4d4d
これは、サイドバーのフォントや、日付、続きを読む、その他の投稿、などのフォントのこと。
ブログタイトル：(B)22px、#4d4d4d
タブのテキスト：どこのことかよくわからん
投稿：タイトル(B)22px、#4d4d4d、テキスト18px、#4d4d4d、
検索：16px
ラベルと人気の投稿の背景色：●グレー#fafafa
幅：サイドバー230px、メインコンテンツの幅800px、コンテンツのマージン50px
