[Stinger5]サイドバーのNEW POSTに背景をつけカード状にする方法

今回はStinger5のサイドバーのNEW POSTに背景をつけカード状に分割した時の備忘録です。

背景に画像を使用したり濃色の色を付ける場合見やすくなります。

背景を白色にして記事ごとに間隔をあけ、影をつけて浮いているように見せます。

※カスタマイズは自己責任で行い、必ずバックアップをとっておくようにお願いします。

 

今回のカスタマイズはコチラのサイト様を参考にさせていただきました。ありがとうございます。

スポンサーリンク

style.cssにコードを記述

スタイルシートにコードを記述しますので【外観】→【テーマの編集】からstyle.cssを選択します。

style.cssの一番下に下記コードをコピペします。

background-color: #ffffffの部分を変更すれば背景色を変更できます。

また、影が必要なければbox-shadow: 3px 3px 4px #c0c0c0;を削除してください。

 

おわりに

私は背景に画像を使用しているのでこれでサイドバーが見やすくなりました。

 

 

 - Stinger5