テンプレートを利用して色変更をしようと思っていますが、うまくいきません。
こちらのデモサイトの最上部の青い部分を変えたいのですが、どこを変更(指定)すればよいか解りますでしょうか。
他の色は変更できたのですが、この部分だけ分かりません。
お解りになられる方がいらっしゃいましたら、ご教示お願いします。
デモサイト
https://free-hp.net/school/sc_001/sample/index.html#sec6
テンプレートのDL先(スクール・教室サイト向けテンプレートのダウンロードからDLできます)
https://free-hp.net/
※cssファイル内、style記述のカラーコードらしきものは、ほぼ変えてみたのですが…
一応、Chromeデベロッパーツールを使ってざっと見てみたのですが、不勉強なため、わかりませんでした。ただ、該当箇所にはBootstrapが使われていること、Sassが使われていること、!important指定がされており、上書きできないようになっていること、がわかりました。
つまり、該当する箇所が
.bg-info {
background-color: #17a2b8!important;
}
なので、例えばこれをstyle.cssの末尾に色を変えて書けば、適用されます。
不勉強なのでわかりませんが、おそらく、BootstrapでSassをごにょごにょして変更するのが正しいやり方なのだとは思いますが…。