見出しについて教えていただきたいです

見出しについて質問させていただきます。
一枚目のような見出しh2でしたいのですが以下のようなやり方でやったのですがうまく反映されませんでした。
おかしい部分があれば指摘していただきたいです。

①cssをh2に変えてカスタムcssに入力する

②h2タグをaddquicktagに登録する

③以下の画像のようになる。
多分黒の見出しに一枚目の見出しが重なっている状況になってます。
この過程の中でおかしな部分があれば指摘していただきたいです。

azuapricot

2019/11/12 09:29

全くうまくいきませんでしたとおっしゃりますが、この質問文からできる回答は「へぇ、使えばいいじゃん。」だけです。「h1からh2に変更したいです。」に対する回答も「へぇ、変えればいいじゃん。」だけです。どの程度自分で調べましたか？何を実行して、どんな風にうまくいかなかったのですか？ CSSのパスは通ってますか？情報を追記しないとただの丸投げです。

thyda.eiqau

2019/11/12 10:01

・そのCSSを適用したいHTMLの内容をご提示ください・CSSをどのようにHTMLに読み込ませていますか。もしHTMLファイル内に直接記述しているのではなく、外部ファイルとして読み込ませているのなら、HTMLがCSSファイルを正しく読み込んでいるか確認してください。確認方法がわからない場合はその旨をお知らせください・デバッグは「起きていること」に対して「あるべき姿」になるように対策を取る作業です。「全くうまくいきません」と言われても今何が起こっているのか具体的な情報は何もなく、したがってどのような対策が必要なのかわかりません。現状のスクリーンショット等をご提示ください（質問本文の編集画面で、画像を添付することができます）

thyda.eiqau

2019/11/12 12:08

んん？これはWordPressかなにかですかね、追記依頼をしておいて恐縮ですがWordPressには明るくないので回答できかねます、申し訳ない

miyabi_pudding

2019/11/13 04:50 編集

画像を貼るのはわかりやすくていいのですが、併せて、実コードも質問文の中で、テキスト（コードブロックを使って）で記載しましょう。回答者に、画像みながらコード打たせてる時点で丸投げ作業依頼に該当するかと。

行動規範の内容に同意します

回答1件

へぇ、やればいいじゃん、と思ったのでやってみた結果を以下に書いておきます。
普通ーにスタイルは効くので、あなたのCSSのパスが通ってないとしか思えませんが
質問文に記載されてないのでこれ以上の回答は無理です、追記して下さい。

HTML
1<h1>あいうえお
2  
3<h2>かきくけこ

CSS
1h1 {
2  color: #364e96;/*文字色*/
3  padding: 0.5em 0;/*上下の余白*/
4  border-top: solid 3px #364e96;/*上線*/
5  border-bottom: solid 3px #364e96;/*下線*/
6}
7
8h2 {
9  color: #364e96;/*文字色*/
10  padding: 0.5em 0;/*上下の余白*/
11  border-top: solid 3px #364e96;/*上線*/
12  border-bottom: solid 3px #364e96;/*下線*/
13}