CSS全宽图像

Question

我正在使用子主题和基石页面构建器开发Wordpress网站。 Cornerstone允许全宽图像，普通页面没有容器，但没有帖子。如何使帖子包含全宽图像？

我想这样做：http://www.crestonsolutions.com/test-post/

看起来像这样：http://www.crestonsolutions.com/blog/how-to-keep-customers-coming-back-to-your-site/

以下是我对该网站所做的CSS：

    .x-navbar {
  background-color: transparent !important;
  border: 0;
}
.x-logobar{
  background-color: transparent !important;
}
.masthead {
height:0px;
}

.x-nav-wrap.mobile {
background: rgba(17, 17, 17, 0.60);
margin: 0;
}

.x-btn-navbar.collapsed {
color: white;
}

@media (max-width: 979px){
.x-navbar-inner .x-container.max.width {
  width: auto;
  max-width: none;
}
.masthead-inline .x-btn-navbar {
   margin-right: 15px;
}
.x-navbar .x-brand {
  margin-left: 15px;
}
ul#menu-main-menu-1 {
  width: 88%;
  margin-left: auto;
  margin-right: auto;
}
.x-navbar {
background-color: rgba(17, 17, 17, 0.60)!important;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

}
.x-nav-wrap.mobile.collapse.in {
   height: 100%;
  position: fixed;
  width: 100%;
  top: 90px;
}
.x-navbar .x-nav-wrap .x-nav > li > a {
  text-align: center;
  font-size: 46px;
  border: none;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
}

hr.x-hr {
    width: 20%;
    border-top: 3px solid rgba(0,0,0,0.075);
    margin: 0 auto;
}

.single-post .x-navbar {
  color: black;
}

.single-post .entry-header {
display: none;
}

.single-post .site > .x-container-fluid {
max-width: 100% !important;
width: 100% !important;
}

.single-post .x-navbar a {
  color: black;
}