For longer pages, a Back-to-Top button is a quick way for visitors to return to the top of a page. The button is fixed to the bottom corner of the browser window no matter where on a page a person scrolls to, so it’s always accessible.
Tip: To add the button to all the pages of your site, drag the component to the Footer area on any page of your site.
Next, click on the button to open the options panel. Note that the button will be fixed to the bottom right of the page regardless of where you drag the component.
Icon
There are several different arrow icons to choose from. To use a different icon, click on it in the options panel.
Position
By default, the button will be fixed to the bottom right of a page. With the Position option, you can also align the button to the left side in addition to the right.
Design
With the options in this group you can control the styling of the component:
- Opacity - Use this option to change the opacity of the icon within the button.
- Icon Color - With this option you can customize the color of the icon in the button, choosing from your site colors or setting a custom color.
- Background - You can use this option to customize the background of the button. You can choose a color, gradient, image, or image with overlay.
- Border - This option controls the border around the button, and you can set the width, style, and color of the border.
Hover
To control the styling of the component when hovering over it with a mouse, click on Hover on the top of the options panel. You can control the border, opacity, and scale of the component.