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



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

    0_1654297443590_2022-06-04_080206.png


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



  • @rkykss さん

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

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

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

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



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

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



  • @rkykss さん

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

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

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

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