从Wordpress页面删除白色间隙

下面的链接是我为一个大学项目和一个客户制作的网站

一旦网页加载完毕，您将看到一个页面标题，其中包含一个图像和两个按钮。一个会带你到关于我们的网站，另一个会带你去服务中心。请单击“服务”按钮，因为这就是问题所在

基本上有一个白色的差距，我希望下面的图像完全填补了页面。像一个全屏，除了你没有按F11

我不知道问题在哪里。如果我删除了标题页，它不会清除任何间隙。所以我认为头球不是问题

我正在使用fusion slider+一个名为layerslider的插件。如果有帮助的话

如果需要，我可以根据要求提供我正在编辑的内容的屏幕截图

---

非常感谢。

您有两件事可以在页面顶部生成空白

一种是应用于“main”元素的填充。您可以使用CSS消除这种情况：

/* REMOVE MAIN TOP PADDING ONLY ON THIS PAGE (id-2546) (AT LEAST FOR NOW) */
.page-id-2546 #main {
    padding-top: 0;
}

您可能还希望删除此页面上#main元素底部的填充内容-

padding bottom:0

，当然

这仍然会在顶部留下一个20px的白色条，由一个底部边缘为20px的散乱的“p”元素产生。虽然这一段碰巧包含一个jQuery脚本（可能不应该在那里），但页面下面还有另一个散乱的p元素——也包含在“ls-”元素中——也在两个全宽图像元素之间产生了20px的白色间隔，这恰好是空的

我不知道这些p的确切来源。您可能需要深入研究所涉及的应用程序（包括Layer Slider和Fusion Page Builder），以及它们是如何在此处部署的，以消除不必要的分离

如果它们实际上无法清理，您可能需要再次通过CSS进行更正。为了消除此页面上显示的效果，您可以尝试

/* REMOVE MARGIN ON POST PARAGRAPHS ON THIS PAGE */
.page-id-2546 .post-content p {
    margin: 0;
}

如果您担心影响层滑块之外的其他“.post content”ps，也可以尝试以下操作

/* TARGET LAYER SLIDER .post-content p TO REMOVE WHITE SPACE */
.page-id-2546 .post-content .ls-fullscreen-wrapper p {
    margin: 0;
}

另一种方法是将负边距应用于

.ls全屏包装器

：

/* TARGET LAYER SLIDER WRAPPER TO REMOVE WHITE SPACE*/
.page-id-2546 .ls-fullscreen-wrapper {
    margin-top: -20px;
 }

如果没有对安装进行实际操作或更彻底地检查，我无法确定我提供的代码是否足够，也不会产生不良后果，但这可能是一个开始。您可以将代码片段添加到Customizer附加CSS框中，并查看结果

评论后的附加注释

我回到页面，似乎您已经成功地添加了消除20px post content p边距的代码，但我没有看到任何应用或应用和否决关于#main上90px顶部（和底部）填充的内容

我不知道你是如何解决这个问题的。我之前建议使用Wordpress定制器（假设您使用的是Wordpess 4.7或更高版本）-请参阅

从检查中，我可以看到不需要的填充是通过主题/融合样式表添加的。在加载其他样式表之后，定制程序会将您的新CSS添加到基础html中，因此应该覆盖重复的选择器。如果仍然不起作用，您可以尝试添加

！重要信息

，请参见新样式。我想大多数程序员都会把这种方法看作是一种拙劣的方法，但事实上，所有这些都是拙劣的

/* LAST RESORT KLUDGE TO REMOVE 90px TOP PADDING ON #MAIN ON IDENTIFIED PAGE  */ 
.page-id-2546 #main {
   padding-top: 0 !important;
}

---

如果这不起作用-例如，如果对元素的检查根本没有显示正在应用的代码-那么我会关注缓存问题和特殊的主题特征，更不用说打字错误了

我认为截图确实有用。好的，非常感谢。我选择了Avada，然后选择了主题选项和自定义css。这不会影响任何其他幻灯片，对吗？由于“.page-id-2546”指定了需要编辑的位置，所以问题仍然存在。我以前打过代码，它成功了。键入其他代码，然后返回。因此，我重新键入了前面的代码，它不会后退。在不知道您正在做什么的情况下，我无法确定为什么它会在一个视图中工作，然后恢复。这通常意味着以后会添加否决CSS，或者由于浏览器或样式缓存，新代码不会出现。我建议使用定制器，而不是主题CSS。如果不需要的间距或包含它们的元素是通过javascript直接或间接注入的，作为最后的手段，您可以尝试添加！重要的。见经修正的答复。