The back-to-top button help the viewers scroll back to the top of a long site. The button appears at the lower right-hand corner of the site when scrolling through the site.

Click here if you need to add a back-to-top button to your site.

Watch the video or follow the instructions below to learn how to change the background color, font color, and font size of your back-to-top button.

How to customize the scroll back-to-top button:

1. Go to the Theme Editor.

2. Select the Theme that needs the back-to-top button.

Note: If the theme is being used by other sites, you might have to duplicate the theme first, and use the duplicate theme for your site to avoid unnecessary modifications with the other sites. Refer to this article on how to duplicate a theme.

3. Navigate to Main > Site Basics > Links & Buttons > Scroll-To-Top Button or use the search bar at the top left pane and type the keyword Scroll-To-Top.

4. Input your preferred color for the items below. You can use an HTML Color Picker to see the code of the color that you prefer.

  • Background Color

  • Font Color

  • Font Size

5. Click Publish button.



Did this answer your question?