it-swarm.com.de

So entfernen Sie Abstände und Ränder zwischen Divi-Zeilen?

Ich habe zwei Divi-Zeilen, jede Zeile enthält 3 Spalten, jede Spalte enthält ein Blurb-Modulelement.

Ich möchte das Auffüllen und den Rand oben und unten für diese 2 Zeilen entfernen. Ich möchte das Auffüllen und den Rand 0px. Wie geht das? Ich habe es nach dem Entwurf festgelegt, das können Sie im Abstandsbereich tun, aber es gibt immer noch einen leeren Raum.

 enter image description here 

Bearbeiten

Ich habe alles gemacht, was das eSparkBiz-Team gemacht hat, und Sie können sehen, dass so ziemlich alles einen Rand und einen Abstand von 0 Pixel hat. Trotzdem gibt es etwas zwischen den beiden Abschnitten, das ich nicht finden kann. Scrolle runter zu CHECK OUT OUR LATEST PROJECTS Es gibt 2 Zeilen mit jeweils 3 Spalten und ich versuche, das Leerzeichen dazwischen zu entfernen.

 enter image description here 

Gelöst, ich habe meine Antwort unten gepostet

1
Lynob

Beim Überprüfen der Demo sehe ich, dass Sie padding und margin als Null gesetzt haben, das ist großartig. Der Grund, warum Sie das Leerzeichen sehen, ist, dass es Inhalte mit weißer Farbe gibt, die Sie als Leerzeichen (Abstand oder Rand) verwechseln.

 enter image description here 

1
bravokeyl

Schritt 1: Klicken Sie auf die Einstellungsoption

 enter image description here 

Schritt 2: Legen Sie das Spaltenintervall 0 fest. Wenn Sie keine Polsterung und keinen Rand wünschen, stellen Sie sicher, dass die Option für die benutzerdefinierte Drainagebreite aktiviert ist.

 enter image description here 

Alternative Lösung zum Entfernen von Abständen

Sie können auch benutzerdefinierte Ränder mit der Abstandsoption gemäß der Markierung im folgenden Screenshot festlegen.

 enter image description here 

Ich hoffe, dieser Vorschlag ist hilfreich für Sie.

1
eSparkBiz Team

Wir sehen dies im Allgemeinen, wenn Ränder und Abstände zwischen Zeilen und Spalten in Konflikt stehen. Eine alternative Methode zur Lösung dieses Problems besteht darin, negative Ränder zu erzielen. Wenn Sie sich für die Verwendung negativer Ränder entscheiden, müssen Sie wissen, dass Divi Bilder von rechts nach links überlappt und den richtigen Inhalt als dominierend auswählt.

Stellen Sie außerdem sicher, dass Sie Desktop, Tablet und Mobile separat anpassen, und dass die Haltepunkte für ein Seitwärts-Tablet unter die Desktop-Rand- und Auffüllparameter fallen. Ich habe ein iPad neben mir, um Unterbrechungspunktkonflikte zu überprüfen, zusammen mit meinem iPhone für Handys usw., da das, was Sie im Visual Builder als Handy- oder Tablet-Ansicht sehen, nicht immer genau ist.

Hoffe das hilft. Wir haben negative Ränder auf unserer Homepage in der Mitte verwendet, da zwischen den Bildern kein 2-Pixel-Leerraum verschwinden konnte. Überzeugen Sie sich selbst bei GingerHippo

 enter image description here  enter image description here 

1
GingerHippo

Ich habe eine Klasse für das Hauptelement .projects-gallery erstellt und in den Optionen für Divi-Designs dieses CSS hinzugefügt

 .projects-gallery .et_pb_blurb_container { 
     display: none; 
}
 .projects-gallery:hover .et_pb_blurb_container { 
     display: block; 
}

Der Grund dafür ist, dass .et_pb_blurb_container Speicherplatz beansprucht und Sie ihn nicht ausblenden können, da dann die Projekttitel nicht angezeigt werden. Mit dem obigen Code blenden Sie ihn aus und zeigen ihn dann an, wenn sich jemand in einem bestimmten Projekt befindet. Sie benötigen eine benutzerdefinierte Klasse, damit Sie den Rest der Seite nicht durcheinander bringen.

und wenn Sie sie wie ich in separaten Zeilen haben und den Rand zwischen den Zeilen entfernen möchten, wendet divi line-height:1 auf body an, um ihn zu entfernen

.projects-gallery{
    line-height:0;
}  

Das Ergebnis

 enter image description here 

und um die Animation beizubehalten, wenn Sie mit der Maus über das Bild fahren

.projects-gallery:hover{
    line-height:1;
}
1
Lynob