header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Back To Top: Design

1 min
Tip:
Design options vary for different layouts.
Design Options
  •  Click to select an icon style (if layout with icon selected).

Background
  • Main Color: Click the color box and select a background color for the Back to Top icon. Drag the slider to change opacity.
  • Border Color: Click the color box and select a border color for the Back to Top icon. 
  • Border Width: Drag the  slider to change the width of the border.

Icon
  • Icon color: Click the color box and select a color for the arrow icon in the Back to Top button. 
  • Icon color on hover: Click the color box and select the icon color that appears when a user hovers a mouse over the button.

Text
  • Text style: Click to expand the text drop-down and select a font style. Click the color box to select a font color.
  • Text color on hover: Click the color box and select the text color that appears when a user hovers a mouse hover over the button.