【THE THOR】フッターエリアのカラー設定を変更する方法

この記事では、【THE THOR】では固定になっているフッターエリアのカラー設定をCSS編集で変更する方法について掲載しています。

 

デフォルトのフッターエリア

フッターデフォルト

 

編集後のフッターエリア

フッター編集後

 
変更点

  1. フッターエリアの背景色
  2. フッターメニューの文字色
  3. コピーライトの文字色

 

スポンサーリンク

CSSファイルを編集する

CSSファイルを編集します。

【ダッシュボード】 → 【外観】 → 【テーマエディター】 → 【style-user.css】に記述します。

 

フッターエリアの背景色

背景色のデフォルトは黒(#191919)です。

.l-footer .bottomFooter {
	background:	#80aebf;
}

 

フッターメニューの文字色

文字色のデフォルトは白(#ffffff)です。
フッターエリアの背景色に応じて白以外の色を指定する場合に変更して下さい。

.bottomFooter__list li {
	color:	#ffffff;
}

 

コピーライトの文字色

文字色のデフォルトは灰(#bfbfbf)です。
フッターエリアの背景色によって見づらい場合等に変更して下さい。

.bottomFooter__copyright {
	color:	#ffffff;
}