Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 12, 2014 at 4:01 pm #263327
    zedduo

    How do I add that scroll down arrow button in my Advance Layerslider? The same scroll down button feature thats available in the Fullscreen slider.

    Link in the demo > Like this

    Thanks in advance!

    • This topic was modified 10 years, 7 months ago by zedduo.
    May 12, 2014 at 4:11 pm #263339
    Devin

    Hi zedduo!

    You would need to add it as a new layer with html:

    
<a href="#next-section" title="" class="scroll-down-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>

    That should still work though it isn’t really a supported functionality at the moment.

    Best regards,
    Devin

    May 12, 2014 at 9:01 pm #263538
    zedduo

    Thanks Devin for the reply. But that HTML code dont seem to work. Im on the latest WP 3.9.1 and Enfold 2.7.1

    May 13, 2014 at 5:26 am #263724
    Ismael

    Hey!

    Thank you for using the update.

    The HTML code should work if you put it on a Text Block. Please try to insert two Color Sections. Add the text block and the html snippet on the first color section then add any content on the second one.

    Best regards,
    Ismael

    April 28, 2015 at 2:57 pm #436061
    greengraphicsvienna

    Hey Ismael,

    could you explain that to me more detailed?! Thanks a lot in advance!

    I add the code above within a new layer in the text passage or html!?
    then …..”Please try to insert two Color Sections. Add the text block and the html snippet on the first color section then add any content on the second one. “

    Thanks
    greengraphics

    April 28, 2015 at 3:15 pm #436082
    greengraphicsvienna

    Hi again,

    I did what you told us but now the scroll down arrow is below my advanced layerslider and not on it!?

    Thanks

    April 29, 2015 at 6:44 am #436504
    Rikard

    Hi!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    April 29, 2015 at 8:18 am #436532
    greengraphicsvienna

    Hi Rikard,
    of course and thank you in advance!

    On top you have the advanced layerslider and I would like to integrate the scroll down arrow because the slider is quite big.

    Cheers!

    April 29, 2015 at 8:28 am #436533
    greengraphicsvienna

    http://www.greengraphics.at

    April 30, 2015 at 6:03 am #437186
    Rikard

    Hey!

    I can’t see any scroll down arrows/buttons at all on your site, did you remove it? If not, please provide us with screenshots highlighting the issue.

    Cheers!
    Rikard

    May 5, 2015 at 8:50 am #439563
    greengraphicsvienna

    Hi Rikard,

    now you can check it out! It doesnt look good. So after your reply I will remove it …
    How can I integrate the arrow into the slider above?

    Thanks!

    May 6, 2015 at 4:32 pm #440452
    Andy

    Hi!

    please add this code into Quick CSS:

    .avia-layerslider {
z-index: 1;
}
#top .scroll-down-link {
top: -130px;
left: 99% !important;
}

    Best regards,
    Andy

    May 7, 2015 at 1:27 pm #440905
    greengraphicsvienna

    Hi there,

    that looks really nice! Thanks a lot!

    Cheers

    May 8, 2015 at 5:50 am #441376
    Rikard

    Hey!

    Glad we could help :)

    Regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Add Scroll down arrow button on Advance Layerslider’ is closed to new replies.