如何使wordpress主题全宽？

Question

我尽我所能，但我无法通过编辑CSS来制作以下主题全宽/屏幕。如果您能告诉我或给我一些关于这种定制的提示，我将非常感激。

http://demo.mythemeshop.com/sociallyviral/

你看到上面主题中的页脚（它的全宽），如何使整个主题的主体/容器像页脚一样全宽？

注意：我尝试添加/删除边距/填充等。

Answer 1

要完成类似这样的http://i.imgur.com/mekVyJg.jpg，您需要在css文件中进行以下更改：

.main-container {width:100%;max-width:100%}
#page, .container {width:100%}

Answer 2

在responsive.css文件中执行以下更改

.main-container {
    /** max-width: 96% replace this with bellow  */
    max-width: 100%;
}

从style.css文件中删除这些样式

.main-container{
    width: 1170px;
}
.container{
    max-width: 1170px;
}
.primary-navigation {
    max-width: 1170px;
}

然后您的网站将全宽工作

Answer 3

替换以下样式，即可

Style.css第305行

.primary-navigation {
display: block;
float: left;
width: 100%;
text-align: left;
}

Style.css第174行

#page, .container {
max-width: 100%;
min-width: 240px;
}

Responsive.css第63行

.main-container {
max-width: 100%;
}

Answer 4

尝试点击外观>>自定义>>附加CSS。

.container {
    width: 70%;
}