Vaster2 カスタマイズ Part3

Vaster2 カスタマイズ /

https://caffellatte-torte.blogspot.com/2017/03/vaster2-part3.htmlVaster2 カスタマイズ Part3

Vaster2 カスタマイズ Part3

トップページの記事本文抜粋の行間等変更

CSSのコードを変更。オリジナルのテンプレートだと401行目から413行目あたり。

＊変更前

/*記事一覧の公開日、カテゴリ名 */ .snippet{ font-size:14px; padding:0 !important; color:#888; margin-top:15px !important; margin-bottom: 5px; line-height:1.4em !important; word-break:break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

＊変更後

/*記事一覧の公開日、カテゴリ名 タグ設定 ----------------------------------------------- */ .snippet{ font-size:14px; padding:0 !important; color:#888; margin-top: 5px !important; margin-bottom: 0px; margin-left: 20px; line-height:1.7em !important; /*行間設定*/ word-break:break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

人気記事の行間変更

CSSのコードを変更。オリジナルのテンプレートだと560行目から568行目あたり。

＊変更前

.item-snippet p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size:13px; line-height:1.4em; margin: 0; }

＊変更後

.item-snippet p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size:13px; line-height:1.7em; /*行間設定*/ margin: 0; }