CSS;在wordpress安装中移动标题徽标

Question

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

Here is the site:

我希望顶部的徽标降低20px。我正在使用chrome并尝试在开发人员工具中修改CSS以找出使其保持在顶部的原因，但还没有想到它。我认为明显的答案是增加填充顶部，但是当我添加填充顶部时没有任何动作。

Answer 1

站点标题中的

添加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;
}

Answer 2

玩弄你的代码。填充顶部有效，但在包含图像的div上 - class="head-wrap"。只需将padding-top:20px;添加到该元素即可。它在我的开发者控制台中工作。优于为<header>元素添加边距，因为您不会显示正文颜色。

你应该可以使用

的完整CSS

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