Question

我目前正在使用此网站：http://mdftanzania.com。我正在使用Wordpress和headway101。我希望有一个适用于页面开头部分的全宽绿色背景颜色：关于我们和服务。我将div类添加到页面中绿色背景必须是的部分。我尝试将div类设置为全宽绿色背景，这没有成功，目前只有一部分样式（参见网站：http://mdftanzania.com）。

据我所知，还有另一种解决方案，就是在内容的容器上方创建一个容器或小部件，我将页面文本的第一部分放入其中。问题在于它让我的客户感到困惑编辑页面中的文本。 Wordpress的简单性基本上就消失了。因此，我正在寻找具有CSS样式的解决方案，因此客户端只处理这些问题。

有人有解决方案吗？

Answer 1

您在css中设置了此规则：

.block-type-content {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 120px;
}

所以这个容器的孩子，即使他们可能有100％的宽度，也必须服从他们父母的填充。这就是为什么你没有得到一个全宽绿色条。您可以尝试使用负边距 - 左右扩展绿色条：

.color {
    margin: 0 -25px;
    padding: 0 25px;
}

至少在Firefox / Mac中，这可以解决您的问题。

Answer 2

由于您已为内容块预先确定填充，因此显然会影响其中包含的所有子元素，包括具有绿色背景的div，意味着您应该删除该填充并仅将其应用于特定元素，或者将这个简单的 CSS 变通方法应用于您的div：

{
    margin: 0 -25px;
    padding: 0 25px;
}

这就是用你的话说，＆＃34;全宽＆＃34;并在其内容中应用填充。

半页全宽样式CSS

2 个答案: