質問: はじめまして、こんにちは。 WordPressバージョン 4.8.1 にて Featuredliteというテーマ(無料版)を使用し設定中です。 途中なのでナビなどおかしいですが、以下URLにテストでアップしてます。 このテーマはカスタマイザーの Background Option にて、背景を「画像」か「スライダー」を選択できるようになっています。 ここでは「スライダー」を選択しており、PCでの表示では問題ありません。 しかし表示幅が狭くなったスマホの縦長の場合などの時に、左基準で表示幅が狭まってゆくため、意味のうすい画像箇所が背景となってしまいます。 (横長の表示では全体表示で希望通りです) 表示幅が狭くなった(ブレイクポイントのハザマ?)場合、スライダー画像がセンター基準で表示されるようにするには、どこをどのようにカスタマイズしたらよいでしょうか。 以下のあたりを触ってみましたが変化がありませんでした。そもそもの場所が間違っているのかもわかっていません。 (left: 0; をどうにかしたと思うのですが、すみません(^-^;失念しました) ``` .custom-background-wrapper { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; } ``` 比較的新しいテーマということと、海外のもということもあり情報が乏しく、わたしの理解力も非常に貧弱なので、どなたかご教示いただけると助かります。 宜しくお願いいたします。
回答: たぶんこれで。 ``` .fadein-slider .slide-item { background-position: center; } ``` 【開発者ツールを使おう! カスタマイズするphpファイルを探す-その1 | RYUS blog】 【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】 【第1回 詳説:デベロッパーツールの使い方:Google Chrome版Firebug:デベロッパーツール取扱説明書|gihyo.jp ... 技術評論社】