Vaster2のカスタマイズ「最上部のラインを消す」

Vaster2は、デフォルトの状態では最上部にラインが入っています。(青色のLINE。初期設定ではカラーコード#008ec2かな。)

ラインの色を変更するとか、太さを変更することもできますが、ここはシンプルにスパッと削除します。



「Vaster2-テンプレートデザイナー」をダウンロードしたのであれば、テンプレートデザイナーの画面で色を変更することも可能。

Vaster2には、「ノーマルタイプ」と「テンプレートデザイナー付き」の2種類が用意されています。

私はテンプレートデザイナー付きの方をダウンロードしましたので、ブログ最上部のラインの色も、CSSをいじらなくても簡単に変更できたのですが、あえて削除することにしました。

ちなみに、もし仮に色を変更するのであれば、このブログのイメージカラーのオレンジ系(#FF7D00)にする感じでしょうかね。
カラーコードを覚えておいた方が良さそうなので一応メモ。



最上部の線は、色や太さの変更ではなく、削除することに決定。

328行目あたりのヘッダー部分を書き換える。


/*   ヘッダー
--------------------------------------- */
.Header{
width:100%;
background-color: $(header.background.color);
padding-bottom: 30px;
border-top:3px solid $(header.topborder.color);
}


赤色の部分を削除。
border-top:3px solid $(header.topborder.color);

0 件のコメント :

コメントを投稿