CSS边栏背景颜色全宽

时间:2017-05-18 14:56:25

标签: html css margin padding sidebar

您好我正在开发一个网站:HERE

我的侧边栏背景颜色似乎没有达到全宽,它在右边部分有奇怪的边距。我试图通过增加尺寸进行管理,并通过调整左边的填充来向左移动,但是即使将背景的大小设置为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;

} `

2 个答案:

答案 0 :(得分:0)

似乎css类容器左右两侧的填充值为50像素。您可以在自己的CSS文件中覆盖它。

pic showing .container style in grid.css

答案 1 :(得分:0)

Anmol Nandha的答案是正确的 - 它是由.container元素padding-leftpadding-right 50px引起的。

您可以删除grid.css中的特定样式,或者如果您不想编辑框架文件,可以考虑在id元素上添加.container属性,以及通过将padding-leftpadding-right设置为0来取消效果。

请注意,如果这样做,则左(主)部分中的内容将粘在边缘上。您可能希望在padding-left: 50px上添加.entry-content-wrapper以补偿它。

当然可以选择调整侧边栏的CSS,但我已经概述了(在我看来)修复它的最简单方法。