2行のdivi行があり、各行には3列が含まれ、各列には Blurbモジュール項目が含まれています。
2行分の余白と上下の余白を削除したいのですが、余白と余白の0pxが欲しいのですが、どうすればよいですか。私はデザインからそれを設定します、あなたは間隔セクションでそれをすることができました、しかしまだ空のスペースがあります。
編集
私はすべてのeSparkBizチームを行ったので、ほとんどすべてにマージンとパディングが0pxであることがわかります。それでも私は見つけることができない2つのセクションの間に何かがあります。 CHECK OUT OUR LATEST PROJECTS
まで下にスクロールして、それぞれ3列×2行あり、その間のスペースを削除しようとしています。
解決しました、私の答えを以下に投稿しました
マージンとパディングが行と列の間で矛盾しているとき、我々は一般的にこれを見ます。この問題を解決するための代替方法は、マイナスのマージンを作成することです。マイナスの余白を使用することを選択した場合は、Diviが画像を右から左にオーバーラップさせ、正しいコンテンツを選択するようにします。
さらに、デスクトップ、タブレット、およびモバイルを個別にカスタマイズしていること、および横型タブレットのブレークポイントがデスクトップの余白および余白のパラメータに該当することを確認してください。モバイルまたはタブレットのビューとしてビジュアルビルダーに表示されるものは必ずしも正確ではないため、私はiPadをモバイル用のiPhoneなどと共にブレークポイントの競合をチェックするために私の隣に置いています。
お役に立てれば。 2pxのホワイトスペースを画像の間に消すことができなかったので、私達は私達のホームページで、中央に向かってマイナスの余白を使用しました。 GingerHippo で自分用に見てください
私は.projects-gallery
と呼ばれるメインのblurb要素の上にクラスを作りました、そして私はこのCSSを追加しました
.projects-gallery .et_pb_blurb_container {
display: none;
}
.projects-gallery:hover .et_pb_blurb_container {
display: block;
}
その理由は、.et_pb_blurb_container
がスペースを取っているために隠すことができないためです。その場合、プロジェクトのタイトルは表示されません。上記のコードを使用して、誰かが特定のプロジェクトにカーソルを置いたときに、それを非表示にしてから表示します。カスタムクラスが必要なので、ページの残りの部分をめちゃくちゃにしないでください。
私のように別々の行にそれらを持っていて、行の間のマージンを削除したい場合、diviはそれを削除するためにline-height:1
をbody
に適用します。
.projects-gallery{
line-height:0;
}
結果
画像の上にマウスを置いたときにアニメーションを維持する
.projects-gallery:hover{
line-height:1;
}