Question

我为我的公司设计了一个网站，我们正在使用wordpress模板。我们已经能够修改模板以使其全屏（＆amp;全宽），但是，我们无法摆脱下面屏幕截图中看到的空白标题。我们已经在我们的样式表中添加了自定义CSS样式，这有助于，但没有消除问题：

我们添加的CSS样式：

.page-template-template-fullsize-php #header { margin-bottom: 0; }

任何其他建议都会非常有用，因为我们正在寻找清理我们网站上的这种美学缺陷。

屏幕截图：

Answer 1

对于您的文章指令/元素，如果您使用margin-top: -100px;，则可以将其向上移动100像素。更多here。

Answer 2

这将有助于您的CSS：

#content .entry-header {
display:none;
}
#content {
padding: 0px 30px 30px 30px;
} 
/*changed from padding:30px; */

你真的需要调整你的主题。您在那里有很多空白代码，这些代码会产生间隙（包括空白标题）。

你有一些增加顶部填充的内联代码：

<div id="main" class="clearfix zIndex" style="padding-top: 108px;">

然后在条目内容下的所有这些：

<p><a name="top"></a></p>

Answer 3

在该页面上使用的一个模板文件中，有一个

<header class="entry-header"> <h1 class="entry-title"></h1> </header>

空标题会导致更多空间。剩余的额外空间是因为可能在同一个文件中只有一行标题元素，您有一个<article>元素，其ID为#content，其padding:30px;

您可以将该填充样式更改为

padding: 0px 30px 30px 30px;

只是为了摆脱顶部填充。希望这会有所帮助。

Answer 4

div#main.clearfix.zIndex顶部有108px的填充。通过删除或减少填充，可以影响主div的菜单栏的接近程度。

Answer 5

更改.nav-full-width #main的填充，你很高兴。 .entry-header也有余量，也会改变。

Answer 6

我访问了该网页并且我认识到标题有许多不同类型的级别。您可以修复并删除其中的一些。但是，有一种方法可以解决，您应该将#content css veraible插入{ {1}}。另外，你应该从纯html中删除不必要的div和p行。不需要的代码行中有一行在以下段中;

padding-top:0px;

此外，纯html上有2个空的<header class="entry-header"> <h1 class="entry-title"></h1> </header>标签。你应该删除它们。我在浏览器上尝试了它，无论你喜欢什么，都会显示它。