記事リストの枠の変更方法（影を消す・枠線の色を変える）[Blogger / Vaster2]

Blogger用テンプレートVaster2のカスタマイズ記事です。

この記事は記事リスト（トップページに複数の記事が並んでいる画面）の枠線の影を消す方法と枠線の色を変える方法を解説しています。

修正前後の見本

影が消えて枠線が細い線だけになりシンプルになりました。

Vaster2のテンプレートから以下の部分を探します。

.post-outer{
background-color:#ffffff;
border:1px solid #7c7c7c;　←注意：＃以降の文字列は違います
box-shadow:1px 1px 2px rgba(0,0,0, .4);
margin-bottom:20px;

※”box-shadow”で検索すると見つけやすいです

それぞれを以下の通りに変更する。

border:1px solid #7c7c7c;

これの#以降の6ケタの数字を変更する。
例えば真っ黒ならば#000000となる。

変更する色コードはHTMLの色コード。
色コードを紹介しているサイトを参考に好きな色を探してください。

box-shadow:1px 1px 2px rgba(0,0,0, .4);

これを全部消す。