サポート » 使い方全般 » トップページ以外に適用させたい

トップページ以外に適用させたい

  • 解決済 Chanchan.

    (@eureka20080321)


    4年、 2ヶ月前

    いつも大変お世話になっております。

    beautiPlusのテーマで子テーマを作成してカスタマイズしています。

    トップページ以外の見出しタイトルに下線を入れたいと思っています。
    下線は入るのですが、どうやってもなかなかCSSが上手く反映されず、トップページのタイトルにも適用されてしまいます。

    何か方法があれば教えてください。
    自分なりに足したCSSです。

    .entry-title :not(.home.entry-title){
display: inline-block;
text-align: center;
border-bottom: 2px solid #1d1d1f;
}

    どうぞ、よろしくお願いします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • ishitaka

    (@ishitaka)

    4年、 2ヶ月前

    こんな感じではどうでしょうか？

    .entry-title :not(.home.entry-title){
    ↓
    body:not(.home) .entry-title {

    nobita

    (@nobita)

    4年、 2ヶ月前

    こんにちは、
    以下は、間違いですよね

    
.entry-title :not(.home.entry-title){

    多分意図は、以下ですね

    
.entry-title :not(.home .entry-title){

    でも、これが動くかどうかわかりません。
    .homeは、bodyのクラスですよね、.entry-titleの:notが、祖先要素を指定できないんじゃないかと思います。

    もっと単純に

    
body:not(.page.home) .entry-title{/* 固定ページなら */

}
body:not(.blog.home) .entry-title{/* ブログ一覧なら */

}

    等の方がいいと思います。すみませんテストしてません、、、

    トピック投稿者 Chanchan.

    (@eureka20080321)

    4年、 2ヶ月前

    ishitakaさま

    いつも、ありがとうございます。
    教えていただいたコードで、無事に出来ました！
    こういった時はbodyを使うといいんですね。
    勉強になりました。

    nobitaさま

    初めまして、いつも他フォーラムを参考にさせて頂いております。
    詳しく説明も入れていただき、ありがとうございます。
    私のコードの入れ方が悪く、上手く反映できませんでしたが、考え方の勉強になりました。

    お二人ともお忙しい中、ありがとうございました！
    また、よろしくお願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「トップページ以外に適用させたい」には新たに返信することはできません。

表示