Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 16, 2017 at 6:12 am #808825
    chrisguess

    I know this exact question was asked a couple years ago, but i don’t understand the stated solution. (sorry)

    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.

    This seems to imply adding a color section on the page editor, then adding the html code below into that color section via a code block

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

    Then it says to add any content (which would be the advanced layerslider?) into the next color section. But, an advanced layerslider won’t go into a color section, so it seems my understanding is not correct. Can you please provide a bit more detail and direction for the solution of how to show a scroll arrow in an Advanced LayerSlider?

    Thanks

    June 17, 2017 at 8:57 pm #809374
    Mike

    Hey chrisguess,
    Try adding your Advanced LayerSlider first, then a “Code Block”, then your other elements.
    In the Code Block add this code:

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

    Then in your General Styling > Quick CSS field:

    .avia-layerslider {
z-index: 1;
}
#top .scroll-down-link {
top: -130px;
}

    Save and that’s it :)
    postimage
    postimage
    Best regards,
    Mike

    June 7, 2019 at 6:45 am #1108154
    whdsolutions

    I cannot get this to Work

    June 7, 2019 at 1:55 pm #1108260
    Rikard

    Hi whdsolutions,

    We can’t help you out if you don’t give us anything to work with.

    Best regards,
    Rikard

    June 20, 2019 at 7:59 am #1111831
    whdsolutions

    I have done all this but get a white gap going across the bottom of the layer slider https://www.whdsolutions.co.uk/

    June 21, 2019 at 3:03 am #1112166
    Mike

    Hi,
    To remove the gap, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.home #av_section_1 {
display: none !important;
}

    If you would like us to look deeper into the cause, please include admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    June 21, 2019 at 10:46 am #1112283
    whdsolutions

    Hello that worked fabulously!

    Tank you!

    June 21, 2019 at 9:20 pm #1112424
    Victoria

    Hi whdsolutions,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.