How to remove the default Genesis footer

remove-the-genesis-footer

I don’t know about you, but when someone forces me to do something… it sucks.

For some reason, the good folks over at StudioPress thought it would be a good idea to force a footer on every site built with Genesis.  You know what I mean right, in the footer of every Genesis site it looks like this:

genesis-footer

That sucks guys.

Why anyone would ever want that as the footer on their website is beyond me.

So lemme show you how to remove the default Genesis footer for good and how to put something soooo much better in it’s place.


Step 1 – Remove the default footer

Let’s start by getting rid of the default footer.  Thankfully it’s pretty easy to do.

All you’ve gotta do is copy and paste this line of code:

remove_action( ‘genesis_footer’, ‘genesis_do_footer’ );

into the Genesis > Dynamik Custom > Functions tab, like this:

Once you save that, that awful footer should now be gone.

Now let’s put something better there instead.


Step 2 – Add a custom footer

To add your own custom footer text in it’s place you are going to have to do two things:

A: Create a hookbox with some content

B: Make some CSS to make it look pretty

Let’s start with the hookbox, go to Genesis > Dynamik Custom > Hook Boxes and click the Add button:

That will give you a new hookbox, like this:

Give the hookbox a name of footer, select all your conditionals (I happen to have 8) and choose genesis_footer from the hook drop down menu.

genesis-footer-hookbox

You with me so far?

Good.

Now to make your life a bit easier, I’ve made a simple footer for you to copy.  So copy this code

<div id=”footer-text”>Copyright © Your Business Name Here</div>

and paste it into the hookbox… like this:

So now your footer on the front end should look like this:

It’s not bad, but we need to put the finishing touches on it and that is some custom CSS.

Copy this CSS code

#footer-text {

text-align: center;

color: #BFC4DB;

font-size: 12px;

text-transform: uppercase;

}

And paste it into Genesis > Dynamik Custom > CSS so it should look like this

Now save your changes and your front end footer should now look super-sexy


That Was Easy

Depending on your design the light blue color might need to change and you should actually add your business name, but other than that we are done!