テンプレートを利用して色変更をしようと思っていますが、うまくいきません。
こちらのデモサイトの最上部の青い部分を変えたいのですが、どこを変更(指定)すればよいか解りますでしょうか。
他の色は変更できたのですが、この部分だけ分かりません。
お解りになられる方がいらっしゃいましたら、ご教示お願いします。
デモサイト
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をごにょごにょして変更するのが正しいやり方なのだとは思いますが…。
早々の回答を頂きましてありがとうございます。
2019/04/26 19:51:33私も不勉強過ぎて補足が出来ないかも知れないのですが、単純に17a2b8のカラーコードを変えるだけでは難しいということでしょうか。実際はカラーコードを変えても変化しないのは確認済です。
また、ダウンロードしたファイルの中(cssフォルダ内style)と(index)の中に、.bg-info {
background-color: #17a2b8!important;}を見つけることができませんでした。
もう少し詳細を教えていただけないでしょうか。
失礼しました!
2019/04/26 20:02:17Styleの末尾に上記構文をつければOKということですね。いま、追加して変更したところ、無事に変更することができました!!
更に詳細については、私の力では難しそうですので、お力を頂きまして本当にありがとうございます。
お忙しい中、コメントを頂き、本当に感謝しております。
コインが持ってない状態でスレッドを立ててしてしまいましたが、550000コインお渡ししたいです。
ありがとうございました。