記事リストの枠の変更方法(影を消す・枠線の色を変える)[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);

これを全部消す。

関連記事:初心者でもわかるVaster2のカスタマイズ方法の記事リスト


スポンサーリンク

0 件のコメント :

コメントを投稿