删除主题上不必要的空格

Question

我们正在使用二十六个字的新闻主题。

主题有很多页眉和页脚空格，想要删除。

尽管我们没有提供任何横幅或任何其他图片，但在页面或页面内容中生成表格之前，它仍然有更多空格

关于如何或在何处解决此问题的任何建议？

感谢。

Answer 1

您可以右键单击烦人的空白区域，然后单击chrome中的inspect。它会告诉你这样的东西......

这里......微弱的绿色轮廓是填充......这导致了令人讨厌的空白，

.site-header {
  padding: 5.25em 4.5455%;
}

只需用CSS杀死它，你需要更高的特异性（在这里了解更多https://developer.mozilla.org/en/docs/Web/CSS/Specificity），初学者只需在选择器之前添加前缀body，它就会有更高的特异性，并且会像魅力一样... < / p>

body .site-header {
  padding: 0;
}

您也可以使用!important ...

.site-header {
  padding: 0 !important;
}

使用!important并不是一个好习惯，因为它打破了层次，但由于你设计的网站没有编写插件，它取决于你;）

你可以将它用于任何元素，试试你自己的页脚

您可以使用https://wordpress.org/plugins/simple-custom-css/

等插件添加CSS