Back To Top

The Back to Top Button provides a way for your visitors to easily scroll back to the top of the page they are on. The Back to Top Button, like standard Weebly Elements, can be added to individual pages, a blog sidebar or added to the footer of the site so it appears on all the pages of your website.

All Features:

• 40 Different Arrows
• 4 Possible Button Types
• Control Button Size
• Control Button Alignment (Right, Center or Left)
• Padding from Bottom and Right or Left Side
• Percent from Bottom
• Button Color and Button Hover Color
• Button Border Type, Color, Hover Color and Border Size Settings
• Button Opacity and Button Opacity Hover Settings
• Button z-index Settings
• Arrow Color and Arrow Hover Color
• Control when Button Shows, when it Fades In and Out and Scroll Speed

Notes:

• A demo and list of Arrows with corresponding names can be found here Back to Top Demo
• A list of Settings and their description can be found here: Back to Top Settings
• The Button will appear after scrolling down the page, based on the 'When Button Shows' settings
• The "Back to Top enabled on this page. Click to configure." text will only appear in the editor, so the element can easily be located
• The z-index is set to 9999 (min 1 - max 9999). If you would like to change this, simply type the number you wish to use into the input box
• Opacity controls the Button and Arrow equally
• For a semi-transparent Button Background or Arrow, instead of using a Hex Number #000000 for the color you can use a RBGA color rgba(0,0,0,0.15) The 0.15 is how transparent the color is
• To make the Button Background or Arrow completely transparent, instead of using a Hex Number #000000, type the word 'transparent' (without quotes) into the color input