45.ヘッダーの背景色を変更する／ヘッダーナビゲーションに枠線をつける

今回はヘッダーのデザインを変更します。

具体的には以下の変更を行います。

• ヘッダーの背景色を変更　※こちらは後日元に戻しています。
• ヘッダーナビゲーションの上下に枠線を入れる

 

方法は該当のHTMLタグをCSSで編集します。

まずはHTMLタグを確認します。【設定アイコン】→【その他のツール】→【デベロッパツール】と進みます。

 

「navbar siteHdader」class、「menu-header-navigation」idが該当するHTMLタグのようなので、これをCSSで編集します。

 

ダッシュボード画面から【外観】→【カスタマイズ】と進みます。

 

【追加CSS】をクリックします。

 

CSSを追加します。

 

最後に【公開】をクリックします。

 

編集完了です。