WordPress:全宽不是全宽

时间:2018-08-03 10:48:35

标签: css wordpress

我很困惑,以这个例子

我在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

enter image description here

2 个答案:

答案 0 :(得分:1)

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

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

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

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

enter image description here

答案 1 :(得分:0)

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

希望获得帮助

让我知道进一步的澄清

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