如何去除左右两侧的填充物?

时间:2015-10-15 作者:chiku

我正在使用make theme bb theme foundry。我想把两边的衬垫都去掉image

我将此代码添加到样式中。正文标记下的css文件

{
    margin-left: 0px;
    margin-right: 0px;
}
然后尝试了这个代码,什么都没发生。

body { padding:0; }

1 个回复
最合适的回答,由SO网友:Cai 整理而成

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

要么将填充应用于正文以外的内容,要么将填充应用于正文,但仍覆盖CSS。例如:

body.class {
    padding: 20px;
}
将覆盖您的CSS。或

body {
    padding: 20px;
}
声明后,CSS仍将覆盖。

更新:

使用开发人员工具,您可以查看填充的应用位置。页眉填充来自.container div,如您所见:

车身上的衬垫来自两个位置.site-content div然后.container div,如您所见:

如何删除(或减少)此填充取决于如何编辑CSS。如果您正在处理主样式。css文件然后您需要更改.container 在线471和.site-content 第1265行。您可以在开发人员工具中的CSS右上角看到CSS的文件和行号。

我可以看到该主题也有自定义CSS,因此如果使用该主题,则需要将其添加到自定义CSS中:

.container, .infinite-footer-container, .page-template-template-builder-php .entry-content > .twitter-share {
    padding: 0 10px;
}
.site-content {
    padding: 0;
}
显然,将填充物更改为您想要的任何内容。

我希望这会有所帮助(而且一切都有意义)。

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s