特定のページのみヘッダー外側背景画像を無くしたい

PR 2017/2/1

このトピックには3件の返信、1人の参加者があり、最後にJ.により9年、 7ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 2017年2月1日 2:19 PM #49887
  
  J.
  ゲスト
  
  いつもお世話になっております。
  
  基本的にはヘッダー外側背景画像を設定して運用しております。
  しかし、ある特定の固定ページのみ、別途テンプレートを作ってレイアウトを変更する必要がありまして、ヘッダー外側背景画像を使用しないように（または変更）したいのです。
  CSSで何とかなると思い、#h-top #header-in などで background-image:none などを試したのですが、消すことが出来ません。
  どこをカスタマイズすれば良いのか、ご教示いただけると幸いです。
  
  何卒よろしくお願いいたします。
- 2017年2月1日 2:44 PM #49888
  Hidekichi
  ゲスト
```
.page-id-ある特定の固定ページのid #header {
  background-image: initial;
}
```
  ですかね。もし記事幅(#header-in)にも背景画像が入っていてそれも必要なければ、
```
.page-id-ある特定の固定ページの #header,
.page-id-ある特定の固定ページの #h-top {
  background-image: initial;
}
```
  など。initial部分は、別の画像で上書きするならurl(アドレス)とすれば良いです。問題は「ある特定の固定ページのみ」がいくつあるかです。大量にあるならcssは面倒くさいので。けどまぁやってできないことはないかと思います。
  
  外側にだけしか入っていないのであれば、わざわざ初期化する必要はなく、url(画像アドレス)で上書きすれば良いですし、他のが記事幅に入っていて、ある特定の固定ページにだけ外側に画像を入れる場合は、
```
.page-id-ある特定の固定ページの #h-top {
  background-image: initial;
}
.page-id-ある特定の固定ページのid #header {
  background-image: url(画像のパス);
}
```
  と言うような感じかと思います。
  
  もしカスタマイザーで入っている画像が何かしらの影響で上書きできないなら、最初からカスタマイザーで画像を入れず(カスタマイザーを使用せず)にcssで#h-top(記事幅)か、#headerに直接背景画像を指定すればいけます。
- 2017年2月1日 2:56 PM #49889
  
  Hidekichi
  ゲスト
  
  ある特定の固定ページの
  
  で終わってしまいましたが。「ある特定の固定ページのID」です。
- 2017年2月1日 3:53 PM #49890
  
  J.
  ゲスト
  
  Hidekichi様、早々にありがとうございます！
  なぜか #header を見落としておりました。うっかりしておりました。
  background-image: none で消すことが出来ましたが、initial は勉強になりました。
  ありがとうございましたm(_ _)m
投稿者

投稿