About this:

This is a subtle scroll-for-more-button animation to give your section a bit of flair.

Creating the Button

To get the scroll-for-more-button you need to enable it in the settings of your Section. Look for the “Scroll For More” option and set it on “On”.

Custom CSS

Paste CSS in Flatsome advanced > Custom CSS or in Customizer > Style > Custom CSS. You can change the color of the slide and text on hover where the comment is added.

/** Scroll for more **/
.scroll-for-more{
font-size: 35px;
border: 2px solid #fff;
border-radius: 99px;
padding: 10px 3px 0;
}
.scroll-for-more i{
animation:fade-move 2s ease-out infinite;
}

@keyframes fade-move
{ from {
transform: translateY(-20px);
opacity: 0;
}
to {
transform: translateY(10px);
opacity: 1}
}

Stay Connected

Get in touch

Flatsome is the perfect theme for your shop, company websites or client websites. It has all the tools needed to create super fast responsive websites with amazing user experience.