- カテゴリ: Elementorの質問
質問:
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 のTable of Contentsウィジェットで見出しがないとき隠したい
2024年4月2日
コメントはまだありません
Elementorでテキストを左右で分けたい。メニューは左、値段は右で揃えたい。どうするの?
2023年10月7日
コメントはまだありません
内部セクションが無くなった!コンテナで代用できるの?
2023年9月30日
コメントはまだありません
Elementorで1つのアーカイブ内に複数のカスタム投稿を表示したい
2023年8月3日
コメントはまだありません
WordPressのログイン画面の編集はできるのでしょうか?
2023年8月3日
コメントはまだありません
Elementorのレシポンシブ対応時のモバイル画像の大きさが上手く設定できません
2023年8月3日
コメントはまだありません