如何在wordpress主题中删除bannner和内容之间的空间？

Question

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

我没有看到任何边缘或填充，这将是问题。只有高度或大的东西。

我正在使用wordpress悉尼主题。

这是website。

如何在横幅和页面内容之间取得空间？ 这是我的意思的截图。

谢谢。

Answer 1

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

你只需这样做..

Position : absolute

会工作☺

Answer 2

有一个元素（＃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 3

如此简单只需将以下代码添加到主题的自定义CSS样式

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

您的问题将在您的网页css中解决或放在代码之上。

Answer 4

这是因为空间不是由任何边距或填充引起的。该空间是由使用位置相对移动的元素引起的。

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

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

像这样：

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

你可能需要稍微调整一下定位以使其正确，我注意到一旦设置了absolute，就会出现＆＃34; Domestic＆＃34;坐在屏幕的边缘，所以可能会在属性中添加left:2em;，甚至可以padding-left:2em;

Answer 5

您在元素position: relative;中使用#sf-slider-overlay。 position: relative;从浮动中取出一个元素，但空间仍然存在。

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

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