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 }

这是问题所在...

这不是全角，不是我想要的那样，左右两侧仍有很多空间

正如您在这里看到的https://i.stack.imgur.com/07AEt.png

我想念什么？

Website preview

Answer 1

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

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

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

检查下面的屏幕快照，以更改图像尺寸。

Answer 2

如果要设置图像的全宽，则应使用此CSS

希望获得帮助

让我知道进一步的澄清

.page-id-58 img.alignnone.wp-image-65 {
   width: 100%;
   height: 100%;
}