wp CSS，覆盖#main中的宽度属性（这应该很容易）答案

【问题标题】：wp CSS, override width property in #main (this should be easy)wp CSS，覆盖#main中的宽度属性（这应该很容易）
【发布时间】：2018-06-14 19:52:16
【问题描述】：

这真的应该很简单，我只是迷路了......我在我的 wordpress 网站上安装了 Jump2 主题。 http://maidtoshine.staging.wpengine.com/ 是网站。我想编辑子主题，让主页使用 100% 的宽度。

我输入的内容。（是的，它是页面 id 4！）

body.page-id-4 #main .wrap{
width:100%;
margin:0 auto;
}

我什至觉得问很傻，因为我知道这很简单。我不能上传图片，但我确实在这里放了一个链接http://maidtoshine.staging.wpengine.com/wp-content/uploads/2018/01/help.png

【问题讨论】：

【解决方案1】：

好吧，我明白了。谢谢大家，贾斯比尔带我回答，这是愚蠢的。我不是 CSS 专家，但是这对我来说很荒谬！

我尝试了很多东西，但解决方法是增加面包屑部分的大小...

body.page-id-4 #main .site-breadcrumbs > .wrap {
  max-width:none !important;
	width:100%;
}

【讨论】：

【解决方案2】：

我查看了您的页面。使用max-width，但不要设置为无，而是这样：

body.page-id-4 #main .wrap{
   max-width: 100%;
}

如果这不起作用，请使用!important。像这样：

body.page-id-4 #main .wrap{
   max-width: 100% !important;
}

【讨论】：

【解决方案3】：

您可能需要将 css 代码粘贴到主题的 style.css 中

body.page-id-4 #main .header-above>.wrap, .header-content>.wrap{
max-width:none !important;
}

我认为，这会奏效。

【讨论】：

我真的以为你有它，睡在上面之后我想，我怎么会错过这个：body.page-id-4 #main .site-inner>.wrap{ max-width:没有！重要；宽度：100%； } 您的代码确实影响了菜单，但不影响内容。
哦，顺便说一句，谢谢！

【解决方案4】：

您可能需要将 max-width 设置为 none 以用于您的自定义样式

【讨论】：