Wordpressでhタグを装飾したい

Question

wordpressでhタグを変更したいと思っています。
テーマはLightingを使っています。

CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選このサイトのcssをワードプレスに適応しようと,
外観→テーマの編集→style.css　でcssを開き、その中に下記のように書き込んでみたのですが反映されませんでした。

h2 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

wordpressにcssを反映させる場合は何か他にすることがあるのでしょうか？

※追記
頂いたコメントを参考に、追加cssに記述したところデフォルトの設定？のようなものが残ってしまい緑の線が出てしまいました。
デフォルトの設定を完全に上書きしてしまいたいのですがどうしたらいいのでしょうか

Answer 1

普通に適用されますので、
１．CSSの上に追記した

２．キャッシュのクリアがされていないだけ

だと思います。

１．CSSは上から順に読み込まれていき後ろに同じものがあれば上書きされますから、もしも上に追記したなら一旦コピペしたように読み込まれたものが下で同じh2に対するCSSがあるので元に戻っただけだと思います。

「外観」→「カスタマイズ」を開いて「追加CSS」という項目に追記すればこの問題は解消されます（通常のCSSの後に読み込まれるようになっていますので）

２のキャッシュのクリア？という場合は「ブラウザ　キャッシュ　クリア」などで検索してみてくださいね。

Comments

[harumi]

適応されたのですが、デフォルトのhタグの設定？が残ってしまっているようで余計な線が入ってしまいました。
デフォルトで設定している物を置き換えるにはどうしたら良いのでしょうか？

[momosiri]

上の線なら
border-top:none;
を追加したCSSに追加すればいいのでは？

もしも適用されなかったら
border-top:none!important;
と!importantを付加すればいいかと思います。

[harumi]

消えました！ありがとうございます！！