【THE THOR】フッターの色を変える方法【コピペで簡単２ステップ】

メニュー

追加CSS記入例

カスタマイズメニューの【追加CSS】を開きます。

画像のように【追加CSS】の記入欄にコードをコピペしてください。

コピペ用コード

.bottomFooter{
background-color:カラーコード;
}

先ほどコピペしたコードの『カラーコード』の部分に半角英数で”#◯◯◯◯◯◯”というように、変えたい色のカラーコードに書き換えてください。

書き換えるとこんな感じ。

カラーコードを書き換えると自動的にプレビューに反映されます。

フッターの色が変わったのを確認できたら『公開』をクリックして完了です。

コピペ用コード

※上のコピペ用コードと同じものです。

.bottomFooter{
background-color:カラーコード;
}

カラーコードが分からない方のために、カラーコードを簡単に調べる方法をご紹介します。

【THE THOR】のカスタマイズメニューの中にはたくさん色を指定できる項目があります。

『色を選択』をクリックした時に表示されるカラーグラフを使えば簡単にカラーコードを調べることができます。。

ちなみに画像は『基本設定』→『基本スタイル』にあるカラーグラフを使っています。