【ブログ編集】Vaster2でスマホの記事リストに説明文をつける

2018年11月2日金曜日

Blog編集

t f B! P L

Bloggerでテーマ「Vaster2」を使っていると、スマホの記事リストはタイトルのみでちょっと寂しいので、説明文も表示されるようにしてみました。


現在の表示はこんな感じです。


やり方はそれ程難しくありません。

テーマのHTML編集の画面で、

/*   レスポンシブデザイン と書いてあるところを探します。

私の場合は700行台にありました。



次に、ここからさらに下にある

.snippet{
display:none;
}

と言うところを探します。



私の場合は800行台にありました。

次に、この部分を下記のように書き換えます。

.snippet{
font-size:10px;
margin-top:5px
}



あとは、テーマを保存して終了です。

変更後は、こんな感じで、説明文が追加されました。

記事リストの間に入る広告が大きかったのですが、広告と同じくらいのサイズになりました。


このブログを検索

QooQ