Comments Steven started the conversationApril 24, 2019 at 11:27am1. I have amended the revolution slider, very simply, to contain, a title/subtitle for each slide. 2. I would like to link each slide to the page-gallery 3. I have created the layer to do this with a demo button : <!-- LAYER NR. 3 --> <div class="tp-caption rb-btn" id="slide-<?php echo $x; ?>-layer-3" data-x="center" data-hoffset="" data-y="center" data-voffset="[140, 110, 110, 210]" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data transform_in="z:0;rX:90deg;rY:0deg;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:2500;e:Back.easeOut;" data-transform_out="auto:auto;s:1700;" data-start="1500" data-actions='[{"event": "click","action":"toggleclass","layer":"page-gallery","classname":"open-layer","delay":"0"}]' style="z-index: 12; min-width: 300px; max-width: 300px; white-space: nowrap; font-size: 20px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,1); letter-spacing: px;font-family:Poppins;background-color:rgb(205,205,205,0.5);border-color:rgba(0,0,0,0);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">VIEW GALLERY! </div> 4. When I place the cursor over the button, it highlights as a link, but does not link to the layer : page-gallery. CONCLUSION All I want to do is link to the page-gallery layer. I have created the code within the layer above : data-actions='[{"event": "click","action":"toggleclass","layer":"page-gallery","classname":"open-layer","delay":"0"}]' Thanks. Steve Sign in to reply ...
1. I have amended the revolution slider, very simply, to contain, a title/subtitle for each slide.
2. I would like to link each slide to the page-gallery
3. I have created the layer to do this with a demo button :
<!-- LAYER NR. 3 -->
<div class="tp-caption rb-btn"
id="slide-<?php echo $x; ?>-layer-3"
data-x="center" data-hoffset=""
data-y="center" data-voffset="[140, 110, 110, 210]"
data-width="['auto']"
data-height="['auto']"
data-transform_idle="o:1;"
data transform_in="z:0;rX:90deg;rY:0deg;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:2500;e:Back.easeOut;"
data-transform_out="auto:auto;s:1700;"
data-start="1500"
data-actions='[{"event": "click","action":"toggleclass","layer":"page-gallery","classname":"open-layer","delay":"0"}]'
style="z-index: 12; min-width: 300px; max-width: 300px; white-space: nowrap; font-size: 20px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,1); letter-spacing: px;font-family:Poppins;background-color:rgb(205,205,205,0.5);border-color:rgba(0,0,0,0);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">VIEW GALLERY!
</div>
4. When I place the cursor over the button, it highlights as a link, but does not link to the layer : page-gallery.
CONCLUSION
All I want to do is link to the page-gallery layer. I have created the code within the layer above :
data-actions='[{"event": "click","action":"toggleclass","layer":"page-gallery","classname":"open-layer","delay":"0"}]'
Thanks.
Steve