ボタン要素にかかっている見出し「h2」を削除したい(CSSで)

Question

前提・実現したいこと

「Sensei LMS」というプラグインを使って
ラーニングサイトを作っています。

レッスンページの下に
「レッスン完了」ボタンがあるのですが
見出し（h2）指定が入っているようで

このボタン要素にかかっている見出し「h2」を削除したいが
書き方がわからない

該当のソースコード

コード自体はこれのようですが、例えばここ（の色）を変えると
ページフッタの色まで変わってしまう。「ボタン要素だけに指定」したい

footer {
    border-top: 3px solid #337ab7;
}

footer {
    background-color: #f5f5f5;
}

-------------------------
ちなみにボタン要素はというと、こちら↓のようですが、ここに何かを書くのでしょうか？
.lesson input.quiz-submit.complete, .quiz input.quiz-submit.complete {
    background: #63a95f;
}

試したこと

デモ画面はこちら

該当箇所と思われるchrome検証画像

↓右側の拡大

補足情報（FW/ツールのバージョンなど）

制作：ワードプレス5.3
プラグイン：Sensei LMS

Answer 1

ご回答

もしかしたらSensei LMSでなんとかできるのかもしれませんが、
CSSで解決する場合は以下をどこかに追記すると消えるかと思います

footer:not([class]) {
  border-top: none;
  background-color: transparent;
}

ご説明

HTMLを見ますと、これはh2ではなくfooterタグのようです
そしてfooterタグはレッスン完了ボタンを囲んでいるものとページ下部にあるものとで二つあるため、
以下の部分をいじると両方のデザインが同時に変化します

footer {
    border-top: 3px solid #337ab7;
}

footer {
    background-color: #f5f5f5;
}

また、ページ下部にあるfooterタグにはクラス指定（class="section siteFooter"）がありますが、
レッスン完了ボタンを囲んでいるほうにはクラス指定がありません
これを利用して、クラス指定のないfooterタグのデザインを消すというCSSを新しく追記します

---

そもそもfooterで囲まれているのがダメなので、HTMLの編集が可能であればCSSをいじるのではなくfooterタグ自体を削除することをお勧めいたします

Comments

[imatya999]

できました！すばらしい！！完璧です
ありがとうございました！！