CSS Sidebar Hintergrundfarbe Full Width

Question

Hallo Ich entwickle eine Website: HERE

My Sidebar Hintergrundfarbe scheint in voller Breite nicht zu bekommen, hat es seltsam Marge im rechten Teil. Ich habe versucht, zu verwalten, indem Sie die Größe erhöhen und nach links verschieben, indem Sie die Polsterung auf der linken Seite anpassen, aber die rechte Seite scheint zu sein, selbst wenn Sie die Größe des Hintergrunds auf 100% oder 200% einstellen.

`

.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; 

}`

Answer 1

Es scheint, dass CSS-Klasse Behälter eine Polsterung auf der linken und rechten auf dem Wert von 50 Pixeln hat. Sie können dies in Ihrer eigenen CSS-Datei überschreiben.

pic showing .container style in grid.css

Answer 2

Die Antwort von Anmol Nandha ist richtig - es wird von dem .container Element verursacht wird padding-left und padding-right von 50px haben.

Sie konnten die spezifischen Styling in Ihrem grid.css entfernen, oder wenn Sie nicht Framework-Dateien bearbeiten möchten, können Sie sich anschauen sollten ein id Attribut auf dem .container Element hinzugefügt wird, und die Effekte aufheben von padding-left und padding-right Einstellung zu 0.

Beachten Sie, dass wenn Sie das tun, der Inhalt im linken (Haupt) Teil an der Kante bleiben wird. Sie könnten padding-left: 50px auf .entry-content-wrapper hinzufügen, um dies zu kompensieren.

Natürlich gibt es die Möglichkeit, das CSS Ihrer Seitenleiste zu optimieren, aber ich habe den einfachsten Weg (meiner Meinung nach) um es zu beheben beschrieben.