スマホのカバーフローの画像サイズ変更

  • Resolved ka0ma0ku0ra0

    (@ka0ma0ku0ra0)


    2 years, 7 months ago

    カバーフローを選択して、レスポンシブでスマホ表示したとき、画像が小さくなりすぎているので、真ん中の画像だけ大きくしたいのですが、どうすればいいでしょうか？
    PC表示は満足な表示なのですが、スマホで見たとき小さいので大きくしたいです。
    ただ、真ん中に来たときだけ大きくしたいので、何かしら設定方法があるなら教えていただければ幸いです。
    よろしくお願いします。

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author ishitaka

    (@ishitaka)

    こんにちは

    下記のような CSS で真ん中の画像のサイズを調整できます。

    @media (max-width:640px) {
	.xo-slider-template-coverflow .swiper-wrapper {
	  width: 70% !important;
	}
}
@media (max-width:480px) {
	.xo-slider-template-coverflow .swiper-wrapper {
	  width: 100% !important;
	}
}
    Thread Starter ka0ma0ku0ra0

    (@ka0ma0ku0ra0)

    ishitaka (@ishitaka)　様
    お早いご返信、誠にありがとうございます。
    お陰様で理想の形にすることができました！
    本当にありがとうございました！
    !importantに関して完全に失念していました。

    改めまして、この様な素晴らしいプラグインを開発してくれたこと、誠に感謝いたします！
    ありがとうございました！

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘スマホのカバーフローの画像サイズ変更’ is closed to new replies.