css - Wordpress:全宽不是全宽

Question

我很困惑，举个例子

我在 WordPress 上有一个页面，我想将其转换为登录页面。 我隐藏了 导航栏和标题 我使用了这段代码

.page-id-58 .image-bg-header, 

.page-id-58 .hero-container {

   display: none;

}

效果很好

我在编辑器上编辑该页面时也选择了全宽

我不得不使用相同的颜色使该页面看起来像一个着陆页，所以我使用了该代码

.page-id-58 #content article { 
background-color: #000000 }

.page-id-58 #content { 
background-color: #000000 }

问题来了...

它不是全宽的，不是我想要的，左右两边还有很多空间

正如你在这里看到的/image/07AEt.png

请问我错过了什么？

Website preview

Answer 1

您的主题使用的是 Bootstrap 3，因此最大宽度为 1170。如果您想将其更改为 100%，请将其添加到主题的“style.css”中。

@media (min-width: 1200px) {
  .container { width: 100% !important; }
}

您的图像尺寸也很低 - 尝试添加大图像并检查。

检查下面的屏幕截图以了解图像尺寸的变化。