[星乃 みなみ]

【お使いの Snow Monkey のバージョン】15.3.1
【お使いの Snow Monkey Blocks のバージョン】12.0.1
【お使いの Snow Monkey Editor のバージョン】6.0.0
【お使いのブラウザ】Chrome
【当該サイトのURL】http://x04.kglb.net/

### 実現したいこと

トップのメインビジュアルの天地をもう少し高くしたいです

### 発生している問題

CSSで制御できるかとソースをみたら　HTMLに高さが記述されていて、おそらくデバイス毎のサイズも同時に記述されていた

ブロック編集で「高さ」の設定があり、フィットだと狭すぎて（現在フィット）、広めは高すぎる　フィット＋1／3ぐらいの高さが理想（30〜60ｐｘ追加ぐらい）

### 試したこと

ソースコードを除くことぐらいしかできませんでした。
これはセクション（背景画像 / 動画）背景画像 / 動画つき　のブロックのカスタマイズになりますか？
フックとはまた違うような？

♥ 0

いいねをした人: 居ません

[星乃 みなみ]

この記事は読んで試してみました

ブロック「セクション（背景画像あり）」のモバイルでの表示について

このトピックには6件の返信、2人の参加者があり、最後にM Tにより2年前に更新されました。 7件の投稿を表示中…

snow-monkey.2inc.org

結局、フィット＝横幅いっぱい天地トリミングなので、モバイル対応を考えるとこれしか仕方ないのでしょうか

♥ 0

いいねをした人: 居ません

[星乃 みなみ]

ぎゃくにその下の特集カルーセルの画像は、天地をつめて１６：９にしたいのですが、可能ですか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

「広め」に設定すると min-height: 75vh になります。なので「フィット」にした状態で padding-top と padding-bottom を上書きするのが良いのではないでしょうか。

CSSで制御できるかとソースをみたら　HTMLに高さが記述されていて、おそらくデバイス毎のサイズも同時に記述されていた

これはどこの話ですかね？

♥ 0

いいねをした人: 居ません

[星乃 みなみ]

.smb-section {
	padding-top:0px;
	padding-bottom:0px;
}

みたいな感じで書けてみましたが、余計天地が詰まってしまいました
これ、フィットにしてれば幅フィット天地成行でこれが最大なのですかね

いっそ、広めにしてマージンとったほうがいいですかね

これはどこの話ですかね？

ソース長いので全部かけませんが、srcsetで記述されているimgがlg md sm と3ブロック並んで記述されています。

特集のカルーセルも同じやりかたでいけますでしょうか？

♥ 0

いいねをした人: 居ません

[星乃 みなみ]

あ、paddingを大胆に200pxとかにしたらいけました
これ、スマホに影響ないようメディアクエリー内ですね

♥ 0

いいねをした人: 居ません

[星乃 みなみ]

特集(カルーセル)はラップしてるクラスにpaddingないから、また違った対応が必要ですかね…
デザイナー的には１６：９にして欲しい感じなんですが（デフォルトでは4：3）

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

.c-entry-summary__figure:before {
    content: "";
    display: block;
    padding-top: 75%;
}

という CSS で 4:3 になっているので

.c-entry-summary__figure:before {
    padding-top: 56.25%;
}

で 16：9 になります。クラスはよしなに変えてください。

♥ 0

いいねをした人: 居ません

[星乃 みなみ]

ありがとうございます！
また疑似要素だったんですね。気がつきませんでした

CSSでできることは、自分でできるようになりたいです
努力します！

いったん閉じますね

もう1つこないだ質問の件にちかいものがおもいうかんだのでのちほど投稿します。

♥ 1

いいねをした人:

[投稿者]

投稿