AFFINGER5の見出し（h3）のCSSを無効化すると、バグが出ます。

Question

デフォルトのh3のCSSを無効化して、追加CSSで見出しを作ろうとしたのですが、バグが出てしまいます。
具体的には、CSSを無効化すると、h3を挿入した際の記述が**<h3 class="point">に勝手に置き換わってしまいます。**

そのせいで追加CSS内にある以下の記述が干渉してしまって、h3のレイアウトが画像のように崩れてしまいます。

.point {
  position: relative;
  padding-left: 1.4em;/*アイコン分のスペース*/
  line-height: 1.4;
	font-size: 20px;
	font-weight: bold;
}

.point:before {
  font-family: FontAwesome;
  content: "\f00c";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #6C9FCE; /*アイコン色*/
}

本来は以下のようになるようにCSSを書いています。

解決法をご存知の方がいらっしゃいましたらお教え頂けますと嬉しいです。
よろしくお願い致します。

Comments

[CHERRY]

CSS の無効化とは、どのように行っていて、どのように確認されたのでしょうか？

[mattyaratte]

外観→カスタマイズ→各テキストとhタグ→h3タグ
と進み、「カスタマイザーのCSSを無効化」のチェックボックスにチェックを入れて無効化しました。