質問:

ElementorでカスタムCSSを追加したのですが、反映されません。原因はなんでしょうか?

Elementorで画像のように見出しウィジェットで追加したh1にcssクラス”news”を追加して、Custom cssにcssを追加したのですが、変更が反映されません。

どのようにしたら、Custom cssに追加したcssは反映されますか?

 

回答:

状況を確認したところ見出しに追加したcssクラス”news”にはcssが追加されていました。ただ、今回設定されている見出しはh1ですが、そちらには反映されていないようです。

ですのでcssのセレクタを

.クラス名 h1

つまり

.news h1{ color: #000; }

とすることでcssでの変更が反映されるかと思います。

cssを追加する場合

htmlタグ・cssクラス・cssidなど

指定すべきセレクタを記述しないと反映されないため、『Google Chromeのデベロッパーツール』などを活用して事前にセレクタを確認できれば、反映に躓くことはなくなります。

TOFUラボに入れば更に多くの質問と回答のログが見れます!

関連した質問

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Elementorの無料テンプレートサイト
新規追加されました。

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通