We use cookies to offer you a better browsing experience, analyse traffic and personalise content. Read how we use your data in our privacy policy.
This stack is used on almost every page of this site. After a slight scroll-down, the button will become visible at the lower right.
- Show In Place - displays the Scroll-to-Top button in edit mode
- Advanced Mode - turns off the built-in button and replaces it with the standard Icon stacks for more flexibility
- Icon - enter the name of the Font Awesome 5 icon
- Border Radius - select the border radius of the Scroll-to-Top button. If the radius is large enough, it will be circular
- Color - provides two color selectors: Icon - selects the color of the icon; Background - selects the color of the button background. Opacity is supported
- Hover Color - provides two color selectors: Icon - selects the over color of the icon; Background - selects the hover color of the button background. Opacity is supported
As explained above, advanced mode replaces the standard button with the Platform Icons stacks. Select the appropriate stack and format the button with Icon stacks own settings.
- Easing - choose from the 10 available easing effects
- Duration - specify the duration of the selected easing effect
- Offset - specifies the distance (from top) of the scroll position, from where the button is displayed
- Z-Index - this setting makes sure that the Scroll-to-Top button floats above everything else. The standard setting should be correct for most situations. Otherwise increase it
- Vert. Position - positions the Scroll-to-Top button vertically, i.e. at the top or at the bottom
- Vert. Offset - determines the vertical offset, i.e. the distance from the upper- or lowermost possible position
- Horiz. Position - positions the Scroll-to-Top button horizontally, i.e. at the left or at the right side
- Horiz. Offset - determines the horizontal offset, i.e. the distance from the left- or rightmost possible position
