2017-03-07 70 views
0

我有这个页面我编辑(从名为“外行主题为”一个WordPress主题):http://mtthsstffn.altervista.org/生成两个按钮的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自动生成的,但我不知道从哪里开始。

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

感谢您的帮助!

+0

这很可能将需要一个JavaScript的解决方案,而不仅仅是HTML和CSS一些更。机会是主题使用旋转木马库。你能阐明一下可能是哪一种? – haxxxton

+0

有这个传送带是的,一个WordPress的插件与一些JavaScript – WillyGallon

回答

0

转到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; }