web-dev-qa-db-fra.com

comment enlever le rembourrage des côtés gauche et droit?

J'utilise make theme bb theme foundry. Je veux enlever le rembourrage des deux côtés  image 

J'ajoute ce code au fichier style.css sous la balise body

{
    margin-left: 0px;
    margin-right: 0px;
}

puis essayé ce code rien ne s'est passé.

body { padding:0; }
themescss
1
chiku

Utilisez les outils de développement de votre navigateur (inspecteur i.e dans Chrome ou firebug dans Firefox) pour voir l’origine du remplissage.

Soit le remplissage est appliqué à autre chose que le corps, soit le remplissage est appliqué au corps, mais continue de surcharger votre code CSS. Par exemple:

body.class {
    padding: 20px;
}

Permettrait de remplacer votre CSS. ou

body {
    padding: 20px;
}

Déclaré après votre CSS serait toujours prioritaire.

Mettre à jour:

À l'aide des outils de développement, vous pouvez voir où le remplissage est appliqué. Le remplissage d'en-tête provient du .container div, comme vous pouvez le voir ici:

  

Le padding sur le corps vient de 2 endroits, le .site-content div puis le .container div, comme vous pouvez le voir ici:

    

La manière dont vous supprimez (ou réduisez) ce remplissage dépend de la manière dont vous modifiez le code CSS. Si vous travaillez sur le fichier principal style.css, vous devez modifier le CSS pour .container à la ligne 471 et .site-content à la ligne 1265. Vous pouvez voir le fichier et le numéro de ligne du CSS en haut à droite du CSS dans les outils de développement. .

Je peux voir que le thème a également un CSS personnalisé. Par conséquent, si vous utilisez ce thème, vous devez les ajouter au CSS personnalisé:

.container, .infinite-footer-container, .page-template-template-builder-php .entry-content > .Twitter-share {
    padding: 0 10px;
}
.site-content {
    padding: 0;
}

Évidemment, changez le rembourrage en ce que vous voulez.

J'espère que cela aide (et que tout a du sens).

3
Cai