无法修改Wordpress主题上的边距

时间:2017-03-21 05:53:09

标签: html css wordpress

我在wordpress上使用Lyrical主题。这是godaddy的免费主题。我想让主要占据页面的整个宽度,所以我认为这实际上是删除body.site页边距。我意识到有很多关于不同主题的相关问题,我尝试了建议的解决方案,包括:

#main {
    max-width:300%
    width:1500px;
    left:0px;
    padding-left:0px;
}

body.site {
    max-width:100%;
    margin:0 auto;
}

#page {
    max-width:100%
    margin:0 auto;
    padding-left:0;
    left:0;
}

#main造型稍有效果。我能够根据需要增加主体的宽度,但由于边缘仍然存在,因此它没有居中。边缘样式都没有奏效。我尽我所能地浏览了主题的style.css。它很难调试,因为它长达4000多行,而且因为css使用了一种链式样式,所以我不能很好地利用搜索,因为有许多实例的边距和' #39;和' .site'等。

我的问题:目标边距并消除它们缺少哪些代码?

注意:我认为stackoverflow是最适合咨询的地方,这样更多的用户可以从这个非常常见的问题中看到和学习​​。

更新:这是我点击边缘检查元素时的屏幕截图。我尝试了#page属性中的所有内容以及site-header-wrapper。也许有人会看到我失踪的东西:

enter image description here

1 个答案:

答案 0 :(得分:1)

尝试添加!重要的CSS。但在添加try之前检查元素并添加样式以获得准确的结果并尝试不一定需要的不同样式!重要。

#main {
        max-width:300% !important;
        width:1500px !important;
        left:0px !important;
        padding-left:0px !important;
    }

    body.site {
        max-width:100% !important;
        margin:0 auto !important;
    }

    #page {
        max-width:100% !important;
        margin:0 auto !important;
        padding-left:0 !important;
        left:0 !important;
    }