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侧边栏背景颜色全宽

回答

相关问题