Php 生成两个按钮div

Php 生成两个按钮div,php,html,wordpress,arrow-keys,Php,Html,Wordpress,Arrow Keys,我有一个正在编辑的页面(来自wordpress主题“lay主题”): 在这个滚动图像的旋转木马中,我需要将“下一个”“上一个”可单击区域稍微移到图像之外。我想我想制作两个不可见的div,左和右,覆盖图像,占据旋转木马从中心到左和从中心到右的区域,长度可变 一位朋友建议加上这个 <div id="nav-left" style=" height: 800px; display: block; width: 50%; position: absolute;

我有一个正在编辑的页面(来自wordpress主题“lay主题”):

在这个滚动图像的旋转木马中,我需要将“下一个”“上一个”可单击区域稍微移到图像之外。我想我想制作两个不可见的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自动生成的,但我不知道从哪里开始

此外,我想为这个图库实现箭头键导航(左和右)。这是关于修改模板的,可能有点棘手


谢谢你的帮助

转到
plugins/laytheme carousel/frontend_assets/css/style.css中的
style.css
文件,然后更改
。光标左
。光标右
类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; }

这很可能需要一个javascript解决方案,而不仅仅是HTML和一些CSS。主题可能使用旋转木马库。你能解释一下是哪一个吗?有一个旋转木马是的,一个带有javascript的wordpress插件