我要编辑此页面(来自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; }