flexslider - スライダーの下に巨大な空白を追加するFlexslider

Question

flexslider の下に大量の空白があり、削除する方法がわかりません。私はCSSをかなりいじりましたが、「レスポンシブ」動作を壊すことなく、何も機能していないようです。どんな助けでも大歓迎です。

よろしく...

サイトはここで見ることができます。すべてのコードは head タグにあります: http://destinjustlisted.com/new/

Answer 1

スライドショーアイテムを含むdivには、クラス「flexslider」が必要です。ダウンロードの一部であるflexslider.cssで、そのクラスにさまざまな設定が行われます。それが持っているCSSプロパティの1つは「マージン」です。そこに3つの値が表示されます。次のようになります。

margin: 0 0 60px;

このプロパティ形式に精通しているかどうかはわかりませんが、CSSでは、マージン、境界線、またはパディング（すべて4つの側面がある）のように4つの設定がある場合に一般的です。上、右、下、左を表す最大4つの値を設定できます（12時から始まる時計の文字盤を回っているようなものです）。したがって、たとえば：

padding: 0 1px 0 2px;

上下にパディングはありませんが、右側に1ピクセル、左側に2ピクセルあります。

フレックススライダーCSSの下部には60ピクセルのマージンがあります。スライドショーのどこにいるかを視覚的に表現したい場合や、特定のスライドを選択したい場合は、ナビゲーションボタンの余地があります。残念ながら、プラグインを設定するときにプロパティ「controlNav」を「false」に設定した場合、それらの「ボタン」を表示したくない場合は、コントロールの下に大きな空白の領域ができてしまいます。そのプロパティをこれに設定した場合：

margin: 0;

すべての問題が解決されます！