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

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


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


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

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

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

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



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

.snippet{
display:none;
}

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



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

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

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



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

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

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


コメント


このブログの人気の投稿

VMware Workstation Player 12・14が起動できなくなった(解決)

洗濯機が壊れたので、値段の安い「ハイセンス インバーター制御付き 全自動洗濯機 7.5kg ホワイト HW-DG75A」を購入

スマホ(ファーウェイP20lite)で電話の誤発信が頻繁に起こるので、ちょっと対策しました

異世界カルテットで一人で複数キャラを演じている声優さんを調べてみた

【PC不具合】外付けHDD・データ喪失・スリープ・USBセレクティブサスペンドの関連(その2)