質問:

Elementorで制作したサイトのPC画面で背景画像をブラウザの幅に関係なくリサイズさせずに全部表示させたいです。

現在制作しているWEBサイトのキービジュアルが、開発画面で見ていると画像がリサイズされることなく全部表示されるのですが、プレビューや本番で見ると横幅に合わせて表示域が変わるのか途中で切れてしまいました。

これを、ブラウザの幅関係なく全部表示させるにはどの様な設定をすれば良いでしょうか?

回答:

背景画像をリサイズさせずに全て表示させるには、背景画像の設定のところのサイズを『含む』にしてみてください。ですが一つ注意です。画像と画面の比率が違えば、画像を画面に全部表示させた場合、縦か横に空白が発生します。これは絶対避けられません。

この動画を参考にしてください。これはウィジェットの背景の設定ですが、基本は同じです。

TOFUラボに入れば更に多くの質問と回答のログが見れます!

関連した質問

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Elementorの無料テンプレートサイト
新規追加されました。

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通