MENU

【賢威8】ヘッダーフッター背景色変更方法

前回に引き続き、今度はヘッダーとフッターの背景色の変更方法をお伝えします。

目次

ヘッダーの背景色変更方法

最初にワードプレスのダッシュボードを開きます。

ダッシュボードの中の

外観

カスタマイズ

追加css

の順にクリックします。

左側の空欄に以下の記述を書きます。

/* ヘッダーの背景色変更 */
.keni-header_wrap{
background-color: #87ceeb;
}

プレビュー画面で変更されているのが確認できました。

最後に上にある【公開】をクリックしたら完了です。

フッターの背景色変更方法

続いてフッターの背景色の変更です。

ヘッダーの記述の下に続けて書いていけば大丈夫です。

今回は、どの部分の色が変更になるのか確認するために別々で記述しています。

以下の記述をコピー&ペーストします。

/* フッターの背景色 */
.keni-footer_wrap{
background: #87ceeb;
}

こちらも確認出来たら最後に【公開】をクリックでOKです。

変更前はこんな感じで

変更後はこのようになります。

さいごに

今回は賢威8のヘッダーとフッターの背景色の変更方法をお伝えしました。

前回の全体の背景色の変更を合わせるとすべて同じ色に変更できますよ!

わかりやすくするためにはっきりした色にしましたが、薄い色もたくさんあるので

いろいろと試してみてくださいね^^

カラーコードがわからないときは以下のサイトを参考にしてみてください。

原色大辞典カラーコード
https://www.colordic.org/

今回は以上です。
お疲れさまでした!

よかったらシェアしてね!
  • URLをコピーしました!
目次