Omotenashi-2 (4系)のトップ画面の画像の高さの修正方法がわかりません

Omotenashi-2 (4系)のトップページの画像の高さを小さくしたいため、
高さの小さい横長の画像をアップしましたが、画像表示の高さが固定されている
みたいで、高さが変わりません。
cssをいくつか見ましたが、わかりませんでした。
修正の方法をお教えください。
よろしくお願いします。

【環境情報】
・baserCMSのバージョン:4.4.4
・レンタルサーバー名:ロリポップ
・使用テーマ:Omotenashi-2 (4系)
・PHPスキル(自己評価):E

高さを固定しているのは、style.cssの7587行目の

.mainVisualList__item {
  height: 560px !important;
  background-position: center;
  background-size: cover;
}

height: 560px !important; で指定されています。

Omotenashi2テーマは、レスポンシブデザインですので、パソコン以外のガジェット(スマホやタブレットなど)からサイトにアクセスされた場合に画面を最適化したレイアウトで表示できるように工夫されています。
上記のほか、各メディアクエリ毎の指定は、以下の行に記載がありました。

9422行目 表示画面が499px以下
10181行目 表示画面が500pxから787pxまで
10513行目 表示画面が788pxから999pxまで

1 Likes