• 文字サイズ
  • 小
  • 中
  • 大


解決済

トップページcssに関して

  • 相談者：非公開
  • 2021/07/27 17:38
お世話になります。
現在作成している店舗トップページのcssの記述をご教授いただきたいです。

key_visual_wrapper内に、サムネイル画像を横並びにしているのですが、そのサムネイル画像の余白をなくし、その横のスライドバナー、その下のカラークーポンとぴったりくっつくようにするには、どのように記述したらよいでしょうか。
769px以下、520px以下の記述も併せて教えていただけますと幸いです。
520px以下のときはスライダー下にも余白が開いてしまうので、そこも余白0になるような記述を教えていただきたいです。

URLは以下のものになります。
https://intp.site/389/test/
投稿内容について報告する
  • その他
  • 返信：9
  • Me too度：0
今気になってる疑問、
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
セミナー詳細はこちら
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
ご視聴はこちら

  • 返信者：非公開
  • 2021/07/27 19:19
ECマスターズの伊藤です。

> key_visual_wrapper内に、サムネイル画像を横並びにしているのですが、そのサムネイル画像の余白をなくし、その………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2021/07/28 10:27
imgにblockを入れたのですtが。消えない余白はどのようにしたらよいでしょうか。
また、769px以下のときにできる余白はどう消したらよいでしょうか。………（省略）………
続きを読む
  • 返信者：非公開
  • 2021/07/28 13:42
ECマスターズの伊藤です。

> imgにblockを入れたのですtが。消えない余白はどのようにしたらよいでしょうか。

失礼しました
> その下のカ………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2021/07/28 17:11
ありがとうございます。display:blockで解決したのですが、サムネイル画像が少し右にはみ出しているのはどのように調節したらよいでしょうか。………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2021/07/28 17:15
.key_visual_wrapper .key_left{
flex: calc( 20% - 3px) 0 0;
}

の　3px　を -1px　に………（省略）………
続きを読む
  • 返信者：非公開
  • 2021/07/28 18:48
ECマスターズの伊藤です。

> ありがとうございます。display:blockで解決したのですが、サムネイル画像が少し右にはみ出しているのはどのように調………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2021/07/30 18:21
imgにdisplay: blockを入れるとaタグ(ホバー時にopacity: 0,7を入れている)内のimgがホバー時の記述が効かなくなってしまうのですが、………（省略）………
続きを読む
  • 返信者：非公開
  • 2021/07/30 19:29
ECマスターズの伊藤です。

> imgにdisplay: blockを入れるとaタグ(ホバー時にopacity: 0,7を入れている)内のimgがホバー時………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2021/08/02 10:57
ありがとうございました。………（省略）………
続きを読む
このフォーラムへの質問は終了しました
質問を検索する
返信も検索対象にする

カテゴリーから探す