How to Add Back to Top Button on Divi Theme and Customize it

If you ever wondered how you can add a “back to top” button to your Divi website, I will explain how to do it in this article. I will also explain how you can customize it.

 

 

First of all you may wonder why you might even need this function. Whether you have a one-page website (with parallax scrolling or without it), or you just have a long page with a lot of content that requires a lot of scrolling to the bottom, this feature will definitely help your site’s visitors.

To activate it, simply go to: Divi > Theme Options in your WordPress admin panel and then in the general settings somewhere at the bottom you will find the option “Back To Top Button”. So just enable this option and that’s it.

 

 

Now, if you don’t like the look of this button and want to customize it, check this Free Divi Extension article on the Elegant Themes blog from the Day 29 of the Divi 100 Marathon (a series of 100 blog posts during the 100 days countdown to the Divi 3.0 release from the summer 2016). You will need to download an additional plugin from this blog post. Or, there is an alternative way to customize it, too. Check out Michelle’s tutorial for this on her blog Divi Soup.

Finally, you might also like to have a look at my other tutorial on how to link to a particular Divi section using anchor links.

Also, if you want to read my future Divi tutorials, you can subscribe to my newsletter.