从我的Wordpress网站上删除边距

Question

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

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

    <pre>

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

.site-content {
    width: 78%;
}

</pre>

Answer 1

承接以下事项：

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

将id为content的div设置为78％的宽度 click here for codepen

Answer 2

更改media screen中的css站点内容，它看起来像附加的图像：

<pre>

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

</pre>

Answer 3

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

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

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

body {
    padding: 20px;
}

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