# マルチカラムの文字を入力しないときの余白

**URL:** <https://community.shopify.com/t/topic/217151>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [May 18, 2023, 2:01pm UTC](https://community.shopify.com/t/topic/217151 "2023-05-18T14:01:43Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

マルチカラムをカルーセルのスライドバナーのように使用する際の問題について質問しています。

**主な問題点:**
- テキストを入力しないと、タイトルと文字分の余白が残ってしまう
- 画像の幅を「列の全幅」、画像比を「画像に合わせる」に設定すると、画像が列の全幅にならず小さく表示される

**希望する動作:**
- 画像を列の全幅で表示し、テキストエリアの余白を削除したい
- 画像をトリミングせずに表示したい

**推測される原因:**
- 画像が表示できるエリアの高さが指定されている可能性
- 他の画像比設定を選ぶとトリミングされるが幅は全幅になる

CSS関連の技術的な質問で、解決策を求めています。

<div class="post-metadata">

**Author:** ![Anonymous\_336adae115cb02c300837a5b8ca78c8c](https://avatars.discourse-cdn.com/v4/letter/a/85e7bf/32.png) [@Anonymous\_336adae115cb02c300837a5b8ca78c8c](https://community.shopify.com/u/Anonymous_336adae115cb02c300837a5b8ca78c8c)\
**Post date:** [May 18, 2023, 2:01pm UTC](https://community.shopify.com/t/topic/217151/1 "2023-05-18T14:01:43Z")

</div>

いつもお世話になっております。

表題の件、質問させてください。

マルチカラムを、カルーセルのスライドバナーのように使いたいのですが

テキストが不要なので入力せずにいると

タイトルと文字分の余計な余白が残ってしまいます。

また、画像の幅を「列の全幅」、画像比を「画像の合わせる」とすると

画像が「列の全幅」にならずかなり小さくなります。

画像比を他のトリミングされるものを選ぶことで、画像はトリミングされますが幅は全幅になります。

おそらく、画像を表示できるエリアの高さに指定がされているのだと思われます。

今回は、画像をトリミングせず列の全幅で画像のみを表示し、文字エリアの余計な余白を消したいです。

どなたかご教示ください。テーマはStudioを使っています。