Code for floating back to top button

I am using the bedford template and was wondering if there is a way to put the code for a floating back to top button on the wite without going into the developer mode.....

Site is on trial still while it is being developed here is link https://arielle-beauduy-69n9.squarespace.com/family-law1

Thanks

Hi @Elevate

Here's a guide we've provided to add a floating back to top button. I hope you find it helpful.

Paul

To everyone! If you find this (or any) answer helpful, please vote it up using the up arrow. This will let other users know that it's worked for others. You'll find some more Squarespace tips on our website.

Hee Paul, i like the guide, but the final button css- touches arent working. The arrow isnt showing up and the text 'Top' is off-centre.

Ive posted this question on your guide-page twice now but you dont allow my questions to show up nor answer them.

Im using the pacific template and the squarespace-ui-font element /e02d is available.

The code just isnt working...

Fixed it for ya @paul2009, remove ".arrow" from the line: a.sf-back-to-top .arrow:before {

Fixed it for ya @paul2009, remove ".arrow" from the line: a.sf-back-to-top .arrow:before {

Thanks for pointing out the issue. In fact the issue was with the anchor link. This has now been corrected on the site. We do welcome feedback and bug reports but the tips are free and provided without warranty, as are all the answers on this forum.

Hi Paul, this is fantastic and I will buy a coffee. For some reason, when I hover over the adorable little return button, the characters ("TOP" and the rotated>) show up with white underline. I tried removing text decoration and some other CSS stuff I am not proud to report on since I am not really a programmer...more designer hack. Can you help me?Thank you! - Lisa

Ohhhh, I figured it out - added this in the Custom CSS

a.sf-back-to-top:link { text-decoration: none;}

Thanks tho, this really made the site look sharp!

L

Hi @Paul2009,

Just curious if you will have an update on how to do this for a template such as basil. I am currently working on a site and would love to add this feature. I tried the steps in your linked tutorial but they did not work, and I think it is safe to assume that is because I am not using one of the templates you described.

Thanks!Mike

Hello @Paul2009 !Thank you for your answer! The solution is truly awesome! You made my day!

Enjoy your coffee ;)Kristina

This code is great! I added it to my homepage with no problem, but when I tried to add it to multiple pages, the text doesn't show up within the button. Any thoughts?

That's because you added the code line with text to your index page settings as per the instruction. If you want the same text appear on all pages then add the line with your text to Settings > Advanced > Code Injection. In the HEADER section.I did it and it works perfectly

Hi @Paul2009 -

I used this guide and it worked great. But I'm getting an odd hover state that underlines both the text and the arrow. Is there a way to override this? Could it also be separate code applying to this button?

Unrelated to the hover state, this code works when I am logged in and editing my site but when viewed from a separate logged-out browser, no button appears. Thanks for any info.