生成两个按钮div



我要编辑此页面(来自WordPress主题,称为" Lay theme"):http://mtthsstffn.altervista.org/

在滚动图像的旋转木马中,我需要在图像之外稍微移动"下一个" prev"可点击区域。我想我想制作两个无形的divs,左右,覆盖图像并占据旋转木马的中心对左侧和中心右侧区域,我可以定义可变的长度。

一个朋友建议添加此

<div id="nav-left" style="
    height: 800px;
    display: block;
    width: 50%;
    position: absolute;
    top: 0;
    ;
    pointer-events: left;
    cursor: move;
    "></div>
inside <div class="lay-carousel-wrap immediate">

我认为这可以是对的,但是在哪里可以找到我需要做的文件?

我环顾了整个网站,找不到此元素的HTML,因此我认为它是使用PHP生成的,但我不知道从哪里开始。

此外,我想为此画廊(左右)实现Arrow-Keys导航。这是关于修改模板,可能有点棘手?

感谢您的任何帮助!

转到plugins/laytheme-carousel/frontend_assets/css/style.css内的style.css文件,然后更改.cursor-left.cursor-right类CSS获取预期输出

.col .lay-carousel.cursor-left .lay-carousel-slide {
  cursor: url("../img/cursor_prev.svg"), w-resize; }
.col .lay-carousel.cursor-right .lay-carousel-slide {
  cursor: url("../img/cursor_next.svg"), e-resize; }

最新更新