Hello Guest!
Back to Top Settings
Button Style
Type:
The Type of button. You can choose Circle, Square or Rounded Square. Button Color: Controls the button color of the button. Button Hover Color: Controls the button color when you hover the mouse over the button. Opacity: Controls how transparent the button and arrow is. Note that Opacity controls the Button and Arrow equally. Opacity Hover: Controls how transparent the button and arrow is when you hover the mouse over the button. |
Arrow Style
Type:
The Arrow type. Choose from 40 different arrow types. For a list of arrows, please see: Arrow Examples Arrow Color: Controls the color of the arrow. Arrow Hover Color: Controls the arrow color when you hover the mouse over the button. |
Button Border Style
Border Style:
Controls the style of Border. Choose from: None, Dashed, Dotted, Double, Groove, Ridge, Solid, Inset or Outset. Border Color: Controls the color of the border. Border Hover Color: Controls the border color when you hover the mouse over the button. Border Size: Controls the thickness of the border. |
General Settings
Position:
The position setting allows you to position the button on the page either to the Left, Center or Right. Button Size: Controls the size of the button. Minimum 30 pixels and maximum 80 pixels. Margin (pixels): Controls the space between the button and the bottom and sides of the page. Bottom (percent): Controls where the button appears, from the bottom edge of the page. z-index: The z-index setting specifies the stacking order of an element. A larger stacking order number is always in front of an element with a lower stack order number. |
Animation Settings
When Button Shows:
This setting allows you to control when the button appears on the page. The default setting is 300 pixels. In other words the person would have to scroll down 300 pixels before the button appears. Fade In Time: Controls the amount of time the button takes to become visible. Fade Out Time: Controls the amount of time it takes for the button to disappear. Scroll Speed: Scroll Speed controls how fast the page is scrolled to the top. |