Question

我是一个完整的新手，我已经尝试了许多不同的CSS代码来解决我的问题，但似乎没有任何工作。这是我的网站：www.sprinklesandstreamers.com 我想删除徽标图片上方和下方的空白区域。我正在使用Wordpress主题。我是否需要在CSS中更改此设置，还是在某种功能中定义？我搜索过Wordpress论坛，没有任何建议可行。谁能帮我？非常感谢你!!

Answer 1

尝试从主

中删除填充

.sticky-top .main-banner {
    /* padding-top: 125px; */
    padding-bottom: 0;
}

确保这不会影响您的其他网页...

Answer 2

您可以添加此CSS以删除空白区域：

NULL

Answer 3

文件：style.css 行：917 类：主横幅

删除保证金修改padding-top：至少50px

你应该好好在这里

Answer 4

这是解决问题的“hacky”方法，但它会确保如果您的主题更新，此更改仍然有效。只需确保不要编辑主题代码，但要在主题中使用“自定义CSS /样式”选项或使用插件添加此选项。

.custom-logo {
  margin: -50px 0;
}

.main-banner {
  margin-bottom: 0;
}

Answer 5

我刚刚调试了您的网站，这是我的答案 - 将以下代码添加到您的主题自定义CSS （如果它可用），否则在主要的最后添加这些规则CSS文件。希望它会对你有所帮助。

.sticky-top .main-banner {
  padding-top: 50px;
}

.site-branding a img.custom-logo {
  padding-bottom: 0;
}

.main-banner {
  background-size: cover;
  display: block;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

#content {
  padding-top: 0;
  padding-bottom: 20px;
  display: block;
  clear: both;
}

以下是我的结果：

删除HTML标题中的空格

5 个答案: