How To Add Beautiful Back To Top Button In Genesis Theme

Want create site? Find Free WordPress Themes and plugins.

Learn how to add beautiful back to top button in Genesis Themes. Genesis is one of the best WordPress themes design and developed by StudioPress. Genesis is fast, beautiful, well coded, mobile friendly, responsive and much more. To use Genesis theme we have to install genesis framework first and then a genesis child theme. Genesis comes with all the essential features excepts a beautiful smooth back to top button. In this tutorial you will gonna learn the easiest way to add beautiful smooth back to top button in Genesis theme.

How-to-add-back-to-top-button-in-genesis-wordpress-theme

How To Add Smooth Back To Top Button In Genesis theme: Step By Step Guide

Genesis themes doesn’t comes with any back to top button. Adding this button makes your website more user friendly. You don’t need to scroll up to go to the top of the page.  Whenever you will gonna click on that button, you will be automatically redirected to the top of the page. For adding a Back To Top Button in genesis themes you don’t need any kind of coding knowledge. You can add back to top button in any of your genesis child themes easily with the help of a great plugin, Genesis Simple Edits.

Install and activate Genesis Simple Edits plugin from Dashboard, or you can directly download this plugin from here.

genesis-simple-edits

Genesis Simple Edits will allow you to modify or edit the three most common areas in Genesis theme:

  • Post info
  • Post meta
  • Footer area.

So you can easily modify your Genesis theme with this great plugin. After activating Genesis Simple Edits, Go to your Dashboard >> Genesis >> Simple Edits. In front of Footer Output check that box with [Modify Entire Footer Text (including markup)?]

How-To-Add-Beautiful-Back-To-Top-Button-In-Genesis-Theme

And paste this code in footer area and click on save settings.

 

Using the above code you can add Back To Top Button in any WordPress theme. Just copy the entire code and paste it in the footer area of that WordPress theme.

How To Add Beautiful Back To Top Button In Genesis Theme: Summary

  • Install and activate Genesis Simple Edits plugin.
  • Go to Dashboard >> Genesis >> Simple Edits.
  • In front of Footer Output check that box with [Modify Entire Footer Text (including markup)?]
  • In footer output area paste that code, above I’ve provided and save settings.
  • That’s it You’re all done!
  • Now open your website and see very smooth and beautiful back to top button in right corner in your genesis theme.

The post was about how to add beautiful Back To Top Button in Genesis theme  .If you liked this post, share it with other Bloggers. If you want to know something else about how to customize Genesis WordPress theme. Feel free to comment here, I will reply you, not immediately, but definitely.

Did you find apk for android? You can find new Free Android Games and apps.

2 Comments

Leave a Reply