Change Back To Top Button WordPress

blog cover image
51
13.2K followers

Stand out of the crowd

Customize your back to top button with a simple code in the sidebar widget

Get rid of the booring back to top button of Wordpress and add your own amazing back to top icon.

How to add the back to top code?

  1. Find an icon, go to Icon8.com
  2. Make it 100px by 100px, you can do that in Pixlr.com/editor/
  3. Give it your own colors
  4. Upload the icon to your media library and fill in the alt text
  5. Add a sidebar custom HTML widget
  6. Paste the code on a post test draft in the text editor
  7. Replace the "paste here your image url" for your own URL + alt text
  8. Copy and paste the code into the HTML widget
  9. Save the widget

Code


<a style="display: scroll; position: fixed; bottom: 5px; right: 5px;" href="#"><img src="paste here your image URL" /></a>

Amazing original back to top button

Click here when you want a "normal" back to top button



Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training

Recent Comments

56

Thanks Loes.
Jerry

My pleasure sharing Jerry

Wow, you are a techie ah!!! Thanks for improving our workplace.

Not really, but when I see something interesting on a website I am very determent to find out how it's done:)

Thanks Loes, you're brilliant!!

I am just brilliant with using Google to find brilliant info;)

I’m excited to try this. Thank you!

Super:) success

That sounds pretty easy. LUV your rocket ship.By the way, I went to my profile and figured out how to delete my question. Thanks for all your help.

Thanks, it was my pleasure:)

The number of bookmarks with your great ideas is getting bigger and bigger--thanks!

Janelle

I add them all to "blogs top rated by Loes" that would be one bookmark:)

Another amazing tip from you!
Sydney

Thanks, enjoy using this:)

Can’t wait to try it!!

Loes, you are amazing. Thanks for these things that improve the look of our sites.

Glad you like it Russell

Thanks, Loes. I’ll have to try this one :)

Success:) Find yourself a great icon!

Thank you Loes

You're welcome Ed

See more comments

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training