サポート » テーマ » 背景画像を設定できません。

  • 「own store」というテーマを使っています。
    サイト全体に背景画像を入れたいと思い、下記のように設定しました。

    body {
      margin: 0;
      background-image:url("https://***.com/wp-content/uploads/2021/10/haikei2.jpg");
    	  background-repeat: repeat;
    }

    という設定にしているのですが、背景画像が見えてきません。
    background-colorで同じように設定すると問題なく変わるのですが、
    background-imageだとうまくいきません。
    他のテーマでも試したのですがダメだったのでテーマとの相性では無さそうです。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • こんにちは

    カスタマイズの [追加 CSS] へ提示の CSS をそのまま(画像 URL だけ変更)記述したところ、背景画像として表示されました。
    !important 宣言してみてはどうでしょうか。

    トピック投稿者 officegilberto

    (@officegilberto)

    !important 宣言にも反応しないようです。
    不思議です。

    考えられる問題としては、キャッシュプラグインのキャッシュ、ブラウザのキャッシュ、プラグインの CSS の影響、画像の URL が間違えている(混在コンテンツ?)・・・ぐらいでしょうか。
    問題のサイトを見ることは可能ですか?サイトの URL を教えてください。

    • この返信は2年、 6ヶ月前にishitakaが編集しました。

    officegilbertoさん、こんにちは。

    実は私も質問が投稿された時に、該当テーマのデモサイトでデベロッパーツールを使って試してみたのですが、普通に画像が表示されました。
    まさかとは思いますが、画像のURLの箇所に画像がない、もしくは画像が読み込めない何らかの理由があったりしませんでしょうか。
    実際のサイトを確認できると解決も早そうな気がするのですが…

    ご参考になれば。

    トピック投稿者 officegilberto

    (@officegilberto)

    URLは
    https://agrinetkariwa.sakura.ne.jp/2021/
    で、指定してしている画像は
    https://agrinetkariwa.sakura.ne.jp/2021/wp-content/uploads/2021/10/haikei2.jpg
    で、単独でアクセスしても確認出来ています。

    background-image の直前の空白がノーブレークスペースになっています。これを削除してみてください。

    ノーブレークスペースとは

    トピック投稿者 officegilberto

    (@officegilberto)

    ishitakeさん
    ありがとうございます!!
    解決しました。
    全角スペースが入ってたんですね。
    他人には注意するような事なのに、自分でやっちゃうダメダメなミスでした。

    みなさん、ありがとうございました。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「背景画像を設定できません。」には新たに返信することはできません。