Blogger Labo:【Vaster2】箇条書きリストのカスタマイズ

このページでは、Vaster2の箇条書きリストのカスタマイズ方法を説明する。

このカスタマイズを始める前に「テンプレートのバックアップ」は お約束として必ず実行しよう。

Vaster2のカスタマイズ方法はこちら


箇条書きリストのカスタマイズ


箇条書きリスト
番号付きリスト

箇条書きリストのCSS


 箇条書きリストの設定 

.post-outer ul {
list-style-type: disc; アイコンのタイプ
padding:20px; どこかの余白
margin-bottom: 30px !important; リスト段落下の余白
}

 番号付きリストの設定 

.post-outer ol {
list-style-type: decimal; アイコンのタイプ
padding:20px; 文字周辺の余白
margin-bottom: 30px !important; リスト段落下の余白
}

上記が Vaster2の箇条書きリストのCSSに説明を加えたもの。

基本的には「リストタグ」で検索して中身を書き変えれば、好みに合わせて変更できる。

Bloggerのデフォルトの状態に戻す


変更後の箇条書きリスト
変更後の番号付きリスト

上記のCSSの内容を全部消すと、Bloggerデフォルトの箇条書きリストに戻る。

Vaster2のリストはレイアウトが上手くいってないので、消した方が見栄えは良くなる。