从我的Wordpress网站

Question

我安装了一个Wordpress网站“Quidus Theme”http://theme.socialflag.net/latest-free-wordpress-themes/ 右侧有一个很大的不必要的空间，看起来很糟糕 我想删除这个空间，并希望我的网页适合整个屏幕 如果我的CSS风格可以改变，请告诉我。 我的一位朋友提供了这段代码，但我不知道如何处理这段代码或将代码放在何处。

注意：我希望我的所有帖子都适合全宽，而不仅仅是我提供的页面链接。

    <pre>

@media screen and (min-width: 1105px){

.site-content {
    width: 78%;
}

</pre>

Answer 1

更改media screen中的css网站内容，它将显示为附加图片：

<pre>

@media screen and (min-width: 1105px){
.site-content {
    width: 78%;
}

</pre>

Answer 2

承接以下事项：

将布局中的max-width属性覆盖为100％（或者，如果您愿意，可以在css中查找规则并将其删除

将ID为content的div设置为宽度为78％

click here for codepen

Answer 3

使用浏览器中的开发人员工具（例如Chrome中的检查员或Firefox中的firebug）查看填充的来源。

填充应用于身体以外的其他内容，或者填充应用于身体但仍覆盖CSS。例如：

body.class {
    padding: 20px;
}
Would override your CSS. or

body {
    padding: 20px;
}

在你的CSS仍然覆盖之后声明。 我在我的网站上遇到同样的问题http://calendarsnews.com/但是当我解决了我的问题之后我使用了这个过程