如何删除 wordpress 主题中横幅和内容之间的 space？

Question

我有一些问题 CSS，也许有人可以帮助我。

我没有看到任何边距或填充，这将是 problem.Only 高度太大之类的。

我正在使用 wordpress 悉尼主题。

这是website。

如何在横幅和页面内容之间去掉 space？这是我的意思的截图。

谢谢。

Answer 1

那是因为 space 不是由任何边距或填充引起的。 space 是由使用相对位置移开的元素引起的。

#sf-slider-overlay {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 230px;
  width: 1170px;
  z-index: 999;
}

如果您将其更改为 position:absolute;，它会修复您拥有的额外 space。

像这样：

#sf-slider-overlay {
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 230px;
  width: 1170px;
  z-index: 999;
}

您可能需要 fiddle 稍微调整一下位置才能正确，我注意到一旦设置了 absolute，单词 "Domestic" 就位于屏幕，所以也许在属性中添加一个 left:2em;，甚至 padding-left:2em;

Answer 2

您正在元素 #sf-slider-overlay 中使用 position: relative;。 position: relative; 从浮动中取出一个元素，但 space 保留在那里。

您可以使用 position: absolute; 但必须设置 left 属性才能获得与现在相同的结果：

#sf-slider-overlay {
    position: absolute;
    left: 50%;
    translate: translateX(-50%);
}

Answer 3

有一个元素（#sf-slider-overlay）位置错误。

#sf-slider-overlay {
    position: relative;
    top: 230px;
    z-index: 999;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

改成，

#sf-slider-overlay {
    position: absolute;
    top: 230px;
    z-index: 999;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

Answer 4

如此简单，只需添加以下代码即可自定义 css 主题样式

#sf-slider-overlay {
    position: absolute;
}

您的问题将得到解决或将以上代码放入您的页面css。

Answer 5

#sf-slider-overlay {
    position: absolute;
    top: 230 px;
    z - index: 999;
    width: 1170 px;
    margin - left: auto;
    margin - right: auto;
}

你只需要这样做..

Position : absolute

会工作 ☺

如何删除 wordpress 主题中横幅和内容之间的 space？

How to remove space between bannner and content in wordpress theme?

html

css

wordpress