画像バナーのカスタムCSSで画像サイズを変更する方法を解説します。
バナーの高さを「小」に設定し、下記のコードをカスタムCSSに追加します。
.banner__mediaに設定するbackground-colorの色は背景と同じ色にしてください。
custom.css
.banner {
min-height: 240px; #任意の高さ
}
.banner__media {
background-color: #FFFFFF; #任意の色
}
img {
object-fit: contain;
}