.CSS;在WordPress安装中移动标题徽标

Question

这应该很简单，但我无法弄清楚：

这是网站：

我希望顶部的徽标降低 20px。我正在使用 chrome 并尝试在开发人员工具中修改 CSS，以找出是什么让它粘在顶部，但还没有弄清楚。我认为显而易见的答案是增加填充顶部，但是当我添加它时没有任何变化。

Answer 1

玩弄你的代码。 填充顶部有效，但在包含您的图像的div 上 - class="head-wrap" . 只需向该元素添加padding-top:20px;即可。 它为我提供了开发人员控制台。 比向<header>元素添加边距更好，因为您不会显示正文颜色。

您应该能够使用的完整CSS

.head-wrap{
    padding-top: 20px;
}

Answer 2

在站点标题中添加margin-top:20px; css 将是：

.site-header {
    background: url(http://www.therunexperience.com/blog/wp-content/uploads/2014/02/TRESimpleWhite_small4.png) no-repeat !important;
   margin-top: 20px;
}

编辑：

或者对于填充添加：

.head-wrap 
{
    padding-top: 20px;
}