Downにてマルチカラムを使用し画像を設定したところ、添付画像のように上と左右にグレーの背景が表示されます。
グレーの背景が見えないよう画像のみ表示させたいのですがご教授頂けますでしょうか？
尚、画像に直接リンクを貼れるようコード・CSS編集しております。
Topic summary
ユーザーがShopifyのDawnテーマでマルチカラム機能を使用して画像を設定した際、画像の上部と左右にグレーの背景（余白）が表示される問題に直面しています。
解決策として提案されたコード:
.multicolumn-card__infoにpadding:0;を適用してデフォルトのpaddingを削除- 下部にテキストがある場合は
.rteにpadding:2.5remを追加して必要な余白を確保
追加の提案:
- より具体的な解決には、サイトのURLやコードの共有が推奨されています
- 問題が解決しない場合は、気軽に追加の質問や相談が可能です
この問題はCSSのpadding設定に起因しており、カスタムCSSで調整可能と考えられています。
ご質問拝見しました。
こちらもとから含まれているpaddingがかかっていると思われるので、以下コードで修正可能かと思われます。
.rteはもし下にテキストがありますとそこの余白もなくなってしまうので必要であれば適用してください。
.multicolumn-card__info{
padding:0;
}
.rte{
padding:2.5rem
}
あくまでデフォルトのdawnでのコードになりますので、こちらで解決できなそうであれば、一度サイトリンクを共有していただければ具体的なコードを確認することも可能ですので、こちらに共有いただければと思います。
ご参考までにしてください。
なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス
1 Like