web-dev-qa-db-fra.com

Comment supprimer le rembourrage et la marge entre les lignes divis?

J'ai deux lignes divi, chaque ligne contient 3 colonnes, chaque colonne contient un élément du module Blurb.

Je veux supprimer le remplissage et la marge en haut et en bas pour ces 2 lignes, je veux le remplissage et la marge 0px, comment faire cela? Je l'ai défini à partir du design, vous pouvez le faire dans la section espacement mais il reste encore un espace vide.

 enter image description here 

Modifier

J'ai fait tout ce que l'équipe eSparkBiz et vous pouvez voir que presque tout a une marge et un remplissage 0px. Il y a toujours quelque chose entre les deux sections que je suis incapable de trouver. Faites défiler jusqu'à CHECK OUT OUR LATEST PROJECTS il y a 2 lignes de 3 colonnes chacune et j'essaie de supprimer l'espace entre les deux.

 enter image description here 

Résolu, j'ai posté ma réponse ci-dessous

customizationcss
1
Lynob

En vérifiant la démo, je vois que vous mettez padding et margin à zéro, c'est génial. La raison pour laquelle vous voyez cet espace est qu’il ya du contenu blanc et que vous le confondez avec l’espace (remplissage ou marge).

 enter image description here 

1
bravokeyl

Étape 1: Cliquez sur l’option de réglage

 enter image description here 

Étape 2: Définissez votre intervalle de colonne 0, si vous ne souhaitez pas de remplissage ni de marge, assurez-vous que l'option de largeur de drainage personnalisée est activée.

 enter image description here 

Solution alternative pour supprimer l'espacement

Vous pouvez également définir des marges personnalisées avec l'option d'espacement, comme indiqué dans la capture d'écran ci-dessous.

 enter image description here 

J'espère que cette suggestion vous sera utile.

1
eSparkBiz Team

Nous le voyons généralement lorsque les marges et les marges sont en conflit entre les lignes et les colonnes. Une autre méthode pour résoudre ce problème serait de créer des marges négatives. Si vous choisissez d’utiliser des marges négatives, sachez que Divi chevauchera les images de droite à gauche, en choisissant le contenu de droite comme dominant.

De plus, assurez-vous que vous personnalisez le bureau, la tablette et le mobile séparément, et que les points de rupture d'une tablette latérale se situent sous les paramètres de marge et de remplissage du bureau. Je garde un iPad à côté de moi pour vérifier les conflits de points d'arrêt, ainsi que mon iPhone pour mobile, etc., car ce que vous voyez dans le générateur de visuels sous forme d'affichage mobile ou de tablette n'est pas toujours précis.

J'espère que cela t'aides. Nous avons utilisé des marges négatives sur notre page d'accueil, vers le milieu, car nous ne pouvions pas faire disparaître un espace blanc de 2 pixels entre les images. Voyez par vous-même à GingerHippo

 enter image description here  enter image description here 

1
GingerHippo

J'ai créé une classe sur l'élément blurb principal appelé .projects-gallery, puis dans les options de thèmes Divi, j'ai ajouté ce CSS

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

La raison en est que .et_pb_blurb_container occupe de l'espace et vous ne pouvez pas le cacher car les titres de projets ne s'afficheront pas. En utilisant le code ci-dessus, vous le masquez, puis vous le montrez, lorsque quelqu'un survole un projet particulier. Vous avez besoin d'un cours personnalisé pour ne pas gâcher le reste de la page.

et si vous les avez sur des lignes séparées comme moi et que vous souhaitez supprimer la marge entre les lignes, divi applique alors line-height:1 à body, pour la supprimer

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

Le résultat

 enter image description here 

et pour garder l'animation lorsque vous survolez l'image

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