CSS スタイルシートの色変更


テンプレートを利用して色変更をしようと思っていますが、うまくいきません。
こちらのデモサイトの最上部の青い部分を変えたいのですが、どこを変更(指定)すればよいか解りますでしょうか。
他の色は変更できたのですが、この部分だけ分かりません。
お解りになられる方がいらっしゃいましたら、ご教示お願いします。

デモサイト
https://free-hp.net/school/sc_001/sample/index.html#sec6

テンプレートのDL先(スクール・教室サイト向けテンプレートのダウンロードからDLできます)
https://free-hp.net/

※cssファイル内、style記述のカラーコードらしきものは、ほぼ変えてみたのですが…

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2019/04/26 20:02:32

ベストアンサー

id:bubiwo No.1

回答回数1ベストアンサー獲得回数1

一応、Chromeデベロッパーツールを使ってざっと見てみたのですが、不勉強なため、わかりませんでした。ただ、該当箇所にはBootstrapが使われていること、Sassが使われていること、!important指定がされており、上書きできないようになっていること、がわかりました。
つまり、該当する箇所が

.bg-info {
background-color: #17a2b8!important;
}

なので、例えばこれをstyle.cssの末尾に色を変えて書けば、適用されます。

不勉強なのでわかりませんが、おそらく、BootstrapでSassをごにょごにょして変更するのが正しいやり方なのだとは思いますが…。

id:abbaron793

早々の回答を頂きましてありがとうございます。
私も不勉強過ぎて補足が出来ないかも知れないのですが、単純に17a2b8のカラーコードを変えるだけでは難しいということでしょうか。実際はカラーコードを変えても変化しないのは確認済です。

また、ダウンロードしたファイルの中(cssフォルダ内style)と(index)の中に、.bg-info {
background-color: #17a2b8!important;}を見つけることができませんでした。

もう少し詳細を教えていただけないでしょうか。

2019/04/26 19:51:33
id:abbaron793

失礼しました!
Styleの末尾に上記構文をつければOKということですね。いま、追加して変更したところ、無事に変更することができました!!

更に詳細については、私の力では難しそうですので、お力を頂きまして本当にありがとうございます。
お忙しい中、コメントを頂き、本当に感謝しております。
コインが持ってない状態でスレッドを立ててしてしまいましたが、550000コインお渡ししたいです。
ありがとうございました。

2019/04/26 20:02:17

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません