特定のページのみ見出しをカスタマイズ

  • R

    特定のページだけ見出しをカスタマイズするためにclassを指定してCSSを追加したところ、CSSは効いているようですが、通常の見出し(スタイル1を設定しています)の表示がまだ残り続けてしまいます。
    このような場合はどうすれば解決できますでしょうか。

    0_1654297443590_2022-06-04_080206.png

    マニュアル確認済み
    キャッシュクリア済み
    WordPressのバージョン : 6.0
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ : Chrome
    該当サイトのURL :

    0 1 件の返信

  • @rkykss さん

    こんにちは！
    画像の共有、ありがとうございます。

    どのようなCSSを追加したのか分からないので何ともなのですが、
    通常の見出しに元々設定されているCSSを全て上書きするような形にしないと
    元々のデザインは残ると思いますね。。。

    なので、元々のCSSを打ち消しつつ、
    再現したいデザインのCSSを追加すれば上手く行くはずです。

    ご参考になりましたら幸いです。
    よろしくお願いいたします！

    0
  • R

    @tsu_
    元々のCSSを打ち消すにはどうすればいいでしょうか。
    以下のように記載してみたのですが上手くいきません。

    .h2-style01 h2 {
    background-color: initial;
    }

    0 1 件の返信

  • @rkykss さん

    おそらく以下の感じで行けるんじゃないでしょうか？？
    （そのままだと文字色が白で、背景色と同化しそうなので文字色を黒にしてます）

    .h2-style01 h2{
	background-color: initial!important;
	color: #000;
}

    h2〜h4 全てをオリジナルにしたい場合は、
    マニュアルページの下の方に案内がありますので、一度ご覧いただけますと幸いです！
    https://jin-theme.com/manual/midashi-design/

    よろしくお願いいたします。

    0