質問: スマホ用のLPを作っていて、 スライドショーをbxsliderを用いて作成しています。 スマホのスライドショーなので画面幅いっぱいに表示させてしまうと可読性が下がってしまうのではないか?と思い、この画像のような「次のスライドが少し見えてる」デザインにしたいです。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/98fe5d48739efb62394cb333d128b572.jpeg) HP どうしたらこのように次のスライドが見えてるデザインにできるのでしょうか? 試しに、、 slideWidthをいじってみたのですが、ただスライド本体の幅が狭くなるだけで表示は1つのスライドのみでした。。。 回答よろしくお願い致します。
回答: この質問方法ですと、他の方が修正依頼出している通り丸投げ状態になってしまって答え辛いので、もう少し質問内容を絞られた方がいいかと思います。 一応回答しておきます。 一番手っ取り早い方法は、google developer toolでスタイルが当てられているクラスを探し、自分が書いているcssファイル内で!importantを使って強制的にオーバーライド(上書き)してあげれば出来ると思います。 少しだけ見せたいのであれば見せたい要素を親要素に作り、その下にコンテンツを並べるinner要素を作り親要素にoverflow: hidden;で出来きます。 スマートなやり方はbxsliderのreadmeなりを読んでoptionを加えてあげることがスマートな気もしますが。