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

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

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

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

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

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

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

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

.snippet{

display:none;

}

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

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

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

.snippet{

font-size:10px;

margin-top:5px

}

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

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

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