首页 文章

CSS边栏背景颜色全宽

提问于
浏览 次
0

嗨，我正在开发一个网站：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;

}

html css margin padding sidebar

2 回答

  • 0

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

    pic showing .container style in grid.css

    回复于
  • 0

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

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

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

    当然，可以选择调整侧边栏的CSS，但我已经概述了（在我看来）修复它的最简单方法 .

    回复于

相关问题