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
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.
Starting a project?
Looking to start a website project for a new Flatsome website or webshop? Already got a Flatsome site but looking to redesign it?
Got a question?
Want to ask a question of request more information on what we do within Flatsome? Shoot us a message or feedback.