CSS側邊欄背景顏色全寬

我的側邊欄背景顏色似乎在全寬度沒有得到，它在右邊奇怪的保證金。我試圖通過增加尺寸來管理，並通過調整左側的填充而向左移動，但右側似乎位於即使將背景的大小設置爲100％或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;

} `

來源

2017-05-18 ananthan Thangavel

分享一段代碼 –

感謝代碼我起訴是'.sidebar .widgettitle {{{0} {0} {0} {0}} margin-left：-50px; ！重要; 背景：＃606060; padding：10px 0px 10px 25px; text-transform：uppercase！important; }' –

似乎CSS類容器具有兩個左右以50個像素的值的填充。你可以在你自己的CSS文件中覆蓋它。

pic showing .container style in grid.css

來源

2017-05-18 15:01:34

謝謝我的代碼是： '.sidebar .widgettitle {margin} - left：-50px; ！重要; 背景：＃606060; padding：10px 0px 10px 25px; text-transform：uppercase！important; } } 但顯示相同的結果 –

通過Anmol Nandha的答案是正確的 - 它是由具有padding-left和50pxpadding-right的.container元素引起的。

你可以在你的grid.css刪除特定的造型，或者如果你不想編輯框架文件，你可能會考慮加入.container元素上id屬性，並通過設置padding-left和padding-right抵消效應爲0.

請注意，如果你這樣做，那麼在左邊（主）部分的內容將堅持邊緣。您可能需要在.entry-content-wrapper上添加padding-left: 50px以補償它。

當然，您可以選擇調整側邊欄的CSS，但我已經勾畫出最簡單的方法（在我看來）來修復它。

來源

2017-05-18 15:37:12

感謝加加斯我試圖刪除並添加填充.entry-content-wrapper似乎當我從容器中刪除填充它將刪除每個填充包括頁眉和頁腳區域。 –

然後，你可以使用我的後一個建議 - 給側邊欄的父元素提供'id'，並使用該ID刪除填充。 –

CSS側邊欄背景顏色全寬

回答

相關問題