Question

我有这个页面我正在编辑（来自wordpress主题，名为＆＃34; lay theme＆＃34;）：http://mtthsstffn.altervista.org/

在这个滚动图像的旋转木马中，我需要移动＆＃34;下一个＆＃34; ＆＃34;分组＆＃34;可点击区域略微位于图像外部。我想我想制作两个不可见的div（左右），它们覆盖图像并占据旋转木马的中心到左边和中间到右边的区域，我可以定义一个可变长度。

朋友建议添加此

<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自动生成的，但我不知道从哪里开始。

此外，我想为此图库（左和右）实现箭头键导航。关于修改模板，可能有点棘手？

感谢您的帮助！

Answer 1

转到style.css内的plugins/laytheme-carousel/frontend_assets/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; }

生成两个按钮div

1 个答案: