勇太吉川
フォーラムへの返信
-
投稿
-
石川様
コメントありがとうございます!
やりたいことは、デザインカンプから背景の部分を書き出し、それを背景画像として利用したいです。
横幅1440pxのスクリーンくらいまでは、画面いっぱいに背景画像を表示したいです。
そこで、上にも書きましたが以下のことを試しました。
・カスタマイズ→背景画像→画像サイズを画面に合わせる →結果、背景画像が他要素に比べて、相対的に大きくなる
・VK blok pro→Outer→画像→配置を変更→幅広または全幅 →結果、背景画像が他要素に比べて、相対的に大きくなる
しかし、全幅設定だとおそらくどの画面に対しても、横に広がってしまうので、そこにアートボード幅の上限(例えば1440px)を設定すれば問題が解決されると考えました。
Lightning G3 Pro Unitにはコンテンツ幅の設定があり、コンテンツ要素の広がりは調整できると理解していますが、それらの背景にある画像をどう設定していいのかわかっていない状態です。
私は初心者に毛が生えたくらいのコーディング(HTML,CSS,PHP)はできると思っていますが、Lightningのようにバリバリのテーマを利用させて頂くのは初めてで、的外れなことを申しているかもしれず、申し訳ないです。
うなこ様
ご回答ありがとうございます!
.vk_outer-width-full {
background-size: contain !important;
}
を子テーマのstyle.cssに書き写してみましたが、思うようにはいきませんでした。背景画像を「全幅」で設定すると、どのスクリーンサイズでも「全幅」で表示されるので、デスクトップの大きいスクリーンだと、おそらく画面いっぱいに広がってしまい、他のパーツとのバランスがおかしくなってしまいそうです。
できれば上限を設定できるといいなと思っているのですが。
