CSS barre latérale couleur de fond pleine largeur

Salut Je développe un site: HERE CSS barre latérale couleur de fond pleine largeur

Ma couleur d'arrière-plan de la barre latérale semble ne pas avoir en pleine largeur, il dispose d'une marge bizarre à partie droite. J'ai essayé de gérer en augmentant la taille et en bougeant à gauche en ajustant le rembourrage à gauche mais le côté droit semble être à la même si la taille de l'arrière-plan est de 100% ou 200%.

.sidebar .widgettitle { 
margin-left: -50px; !important; 
background:#606060; 
padding:10px 0px 10px 25px; 
text-transform:uppercase !important; 
width: 210%; 
max-width: 210%; 
background-size: 210% auto !important; 
height: auto;

} `

Source

2017-05-18 ananthan Thangavel

Partage d'un morceau de code –

Code de remerciements Je demandais '.sidebar .widgettitle { marge gauche: -50px; !important; arrière-plan: # 606060; Rembourrage: 10px 0px 10px 25px; text-transformer: majuscule! Important; } ' –

Il semble que conteneur de classe CSS a un rembourrage à la fois à gauche et à droite à la valeur de 50 pixels. Vous pouvez l'écraser dans votre propre fichier CSS.

pic showing .container style in grid.css

Source

2017-05-18 15:01:34

Merci mon code était: ' .sidebar .widgettitle { marge gauche: -50px; !important; arrière-plan: # 606060; Rembourrage: 10px 0px 10px 25px; text-transformer: majuscule! Important; } ' Mais montre le même résultat –

La réponse par Anmol Nandha est correcte - elle est causée par l'élément .container ayant padding-left et padding-right de 50px.

Vous pouvez supprimer le style spécifique dans votre grid.css, ou si vous ne voulez pas modifier les fichiers cadres, vous pouvez envisager d'ajouter un attribut id sur l'élément .container et annuler les effets en mettant padding-left et padding-right Notez que si vous faites cela, le contenu de la partie gauche (principale) restera collé au bord. Vous voudrez peut-être ajouter padding-left: 50px sur le .entry-content-wrapper pour compenser cela.

Bien sûr, il y a la possibilité de modifier le CSS de votre sidebar à la place, mais j'ai décrit le moyen le plus simple (à mon avis) de le réparer.

Source

2017-05-18 15:37:12

Merci Gagas J'ai essayé d'enlever et d'ajouter un remplissage à .entry-content-wrapper il semble que lorsque je retire le rembourrage du conteneur, il enlève chaque padding y compris l'en-tête et pied de page. –

Ensuite, vous pouvez utiliser ma dernière suggestion - donner 'id' à l'élément parent de la barre latérale, et supprimer le remplissage en utilisant cet ID. –

CSS barre latérale couleur de fond pleine largeur

Répondre

Questions connexes