質問: ### 前提・実現したいこと Wordpressで新規サイトを作成しようとしています。 下記のようにページ内リンクを設置したのですが、ヘッダーを固定しているため、 ジャンプ後のページ上部が、ヘッダーと重なってしまって困っています。 --- ABCの位置へジャンプ (中略) ABC (中略) --- なお、テーマはLightning()を使用しています。 ヘッダーの高さは60pxです。 ### 試したこと 上記サイトを参考に、下記のコードを ダッシュボード>外観>カスタマイズ>CSS追加 にそのままコピペしてみたのですが、なにも変化がありませんでした。 h1.local { padding-top:60px; margin-top:-60px; } テーマ自体のCSSを弄るのは怖いので、「CSS追加」画面にコピペしたのですが、 この書き方ではダメでしょうか? Wordpress及びCSS初心者のため見当はずれな質問だったら申し訳ありませんが、 ご教示いただければ幸いです。 ### バージョン情報 WordPressバージョン 4.9.5 Lightningバージョン 4.1.5 使用OS Chrome 65.0.3325.181(Official Build) (64 ビット)
回答: h1 要素に `.media .media-body .media-heading {}` が指定されているため、詳細度の高いセレクタで書くなどする必要があります。 【エンジニアはもう一度CSSとちゃんと向き合ってみよう - 詳細度編 - Qiita】 【cssの詳細度・優先度を理解し使いこなすために必要なたった1つのこと - Qiita】 【[CSS] CSSの詳細度による「適用順(優先順位)」と「上書き」 | ぶぶりんブログ】