サポート » テーマ » twentyfourteen固定ページ背景

  • 解決済 MANAMI999

    (@manami999)


    ご質問投稿しますぅm(__)m

    固定ページにて背景を画像または色を変えたいのですが
    調べてやってみた結果…なぜか反映されません

    固定ページってのは

    お問い合わせ

    とかのトップページにあるリンクから
    いくページなのですが
    そこのお問い合わせページだけ
    背景の色、または画像なんかにして変えたいのです

    /* 特定のページのスタイルを設定 */
    .page-id-8 #header {
        background-color: #060;
    }

    またはこんなものなど

    body {
    }
    body.home {
    background:url(/img/back.jpg) repeat;
    background-attachment: scroll;
    background-position: center top;
    text-rendering: optimizeLegibility;
    }

    body.page-id-2 {
    background:url(/img/back02.jpg)repeat;
    background-attachment: scroll;
    background-position: center top;
    text-rendering: optimizeLegibility;
    }

    固定ページのソースを見てそのページのid番号を指定するといい
    って書いてあるのご主流みたいで
    子ページであるCSSに記入するだけの簡単なものなんですが
    なぜか反映されず

    そのやり方も色々とあって全て試して見たのですが
    全く反映されませm(__)m

    この使ってるテーマ
    twentyfourteenに何か他の設定があるのでしょうか?

    固定ページ背景変更を検索して上位に出たものから
    片っ端からやってみたのですが

    できないことってあるのでしょうか?

    コピペで張り付けるのがほとんどなので
    誤字なんかはあまり考えられないと思います
    (なんどもやってみたので…)

    とっても不思議で仕方ありません

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • コピペで張り付けるのがほとんどなので
    誤字なんかはあまり考えられないと思います

    いやぁ、これなんか変だよ。

    /* 特定のページのスタイルを設定 */
    .page-id-8 #header {
        background-color: #060;
    }

    こんにちは、

    このテーマは、背景色の変更を、カスタマイザーのカラー設定からできるようになってます。

    ここに色を設定した場合には、

    body要素に、custom-backgroundクラスが追加されて、ヘッダーで、以下のようにスタイルが追加されます。

    <style type="text/css" id="custom-background-css">
    body.custom-background { background-color: #cecece; }
    </style>

    style.cssの後方に追加されるので、style.cssでは、この指定を上書きできる詳細度のCSSを記述する必要があります。

    個別ページで、特別な背景色を指定する場合は、詳細度を上げてみてください。

    html body.page-id-28419{
        background:yellow;
    }

    トピック投稿者 MANAMI999

    (@manami999)

    nobitaさんありがとうございます♪

    なるほど
    どうやら~
    そういった優先順位的な概念があったようです💦
    CSSに色々と他の設定なり詰め込んでてそこが優先的に選ばれてた
    みたいで反映されませんでした

    CSS子ページで
    一番上にして書いてみると反映されました❤

    気づかせていただいて
    ありがとうございましたぁ♪

    感謝してます♪

    解決よかったですね。
    ちなみに、Twenty fourteen 専用の拡張プラグインが有りますよ。
    https://wordpress.org/plugins/styles-twentyfourteen/
    スタイルの色だけでなくフォントや、文字サイズなど読みやすいサイト作りが出来ますよ。

    トピック投稿者 MANAMI999

    (@manami999)

    맹조さん

    ありがとうございます♪
    色々とご親切にありがとうございましたぁ❤

    参考にさせていただきます♪

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「twentyfourteen固定ページ背景」には新たに返信することはできません。