Q.ヘッダーコンテンツのスライドを比率固定にする方法を教えてください
・トップページのヘッダーコンテンツの画像スライダーに登録されている画像を、切り取られずに全体を表示させたいです。
・トップページの最初のコンテンツで動画を利用したいのですが、左右が切り取られてしまうのが懸念点です。
▼変更後のイメージ(参考:デモサイト)
A.下記の方法でご対応ください。
TCDテーマ>基本設定>カスタムCSSに入力します。下記例は16:9の画像を利用した例になります。
/*** PC時の比率調整 ***/ body #header_slider_container:not(.has_header_news),#header_slider_container.has_header_news,#header_slider,#header_slider_fixed_content{ height: auto!important; aspect-ratio: 16 / 9; } /*** スマホ時の比率調整 ***/ @media (max-width: 800px) { body #header_slider_container:not(.has_header_news),#header_slider_container.has_header_news,#header_slider,#header_slider_fixed_content{ height: auto!important; aspect-ratio: 16 / 9; } }
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!