Javascript 是否在页面的一部分隐藏div？

我试图在页面上放一个幻灯片，像amazon那样显示产品，但我的wordpress是wysiwyg/layers，所以我不能只是进入代码和修补程序

我在页面底部添加了一个幻灯片小部件（它占用了一个新的容器），然后从中复制代码，并将其放入页面左上角的一个列容器中

我意识到id是完全相同的，不会显示出来，这是很好的，因为我不想在页面底部的滑块小部件。但是它仍然占用了滑块的空间（页面底部有一个巨大的空白）

我尝试将滑块容器的高度设置为0，但不起作用，我尝试了下面的代码，但也不起作用

有没有办法隐藏页面底部的空白（不能使用“无显示”或同一页面顶部的滑块也会消失）

.widget.layers-slider-widget.row.slide.swiper-container.not-full-screen.swiper-container-horizontal.loaded {
display: block;
line-height:0;
height: 0;
overflow: hidden;
border: 0;
margin: 0;
}