Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
  • #430775

    Hi there,

    I would really like to use a fullwidth easy slider and add a scroll down button at the bottom just like it is available in the color section or fullscreen slider. How do I do that?

    Also, it would be great to see different button down design options as well as the ability to pace it everywhere on the site.



    Hi gentlemansgazette!

    Try the fullscreen slider instead. It pretty much has the same look as the fullwidth slider and it has an option for a scroll down arrow.

    You could add this to a codeblock element if you want to limit it’s height.

    <style type = "text/css">
    #fullscreen_slider_0 .avia-slideshow {
      height: 300px !important;

    If you want to limit it’s height.

    Best regards,


    Well, the problem is I want to use the full page slider one some pages and the full width on others.

    If I choose a fixed height, it will not scale across devices… So I would really appreciate an arrow down option for the full width one. It seems like it was forgotten for that element…



    It would take a lot of time and code to implement. Consider creating a feature request here,, and if it gets enough interest we will probably see an option get added in a future update.




    This topic is one year old but today I was also looking for a solution for that problem.
    Here is my solution:

    1) Change the min-height of a section to a small number (e.g. 20px). I did it in the custom.css.
    .avia-section {min-height: 20px;}

    2) Add a color-section after the slider
    no min-height
    no padding
    no border
    with scroll down arrow

    The arrow is diplayed in the slider ;-)

    look here

    • This reply was modified 7 years, 10 months ago by baucks.


    Thank you for sharing your solution! We appreciate it :)

    Best regards,


    Baucks, this solution is just briljant … Thanks man!



    Thanks @baucks for sharing :-)



    @baucks Thanx for sharing!



    Glad you got it working @kassiezandstra :-)

    Best regards,


    @baucks, thanks for sharing. I had done the same earlier but didn’t change the minimum height of the section. So I went ahead and gave the section’s Custom CSS Class a name and used it. This way only the sections with the custom CSS class would change. So, if you gave your section Custom CSS Class the name special-section, the code changes to:

    .special-section.avia-section {min-height: 20px;}


    • This reply was modified 7 years, 5 months ago by Tameez.


    Thanks for sharing @Tameez :-)

    Best regards,


    baucks, thank you so much for sharing this! I know that this post is quite old but it worked perfectly for me, too :)


    Hi webWahine,

    Thanks for confirming that the solution posted here still works :)

    Best regards,


    Hi everyone,

    Thanks for sharing @baucks.
    Still it works now 2021.


    Jup still works, but the content section leaves a white space (because of the min-height: 20px;}. When i set it to 0px, there is still a small white border visible. Can this be solved?

    • This reply was modified 2 years, 8 months ago by wzshop.


    please edit your Color Section element and go to Styling > Border and choose not to display borders. If that does not help, please post a link to your page :)

    Best regards,


    FYI the border option is not the issue here. I can’t provide you with a link or login credentials. I will try to solve this myself and get back here once I worked it out. If anyone else runs into this, please let me know;)


    Ok, one thing that seems to work is setting a scrolldown arrow for the the content section below the full width easy slider.
    Give that content section a custom CSS like: custom_scroll_down_arrow
    Then in CSS something like:
    #top .tw_scroll_down_arrow .scroll-down-link {top:-70px;}

    Seems to work, but if anyone knows anything better let me know.


    So that worked, but the scrolling went to the wrong section (of course).
    What worked for me was setting the following css to the secttion:


    AND also setting the section height itself to exact pixels: 0px

    Now any small white border is gone.

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