How To Change The Footer Content In Thesis Theme For WordPress

by Matt on June 12, 2009

Thesis will never cease to amaze designers with its unparalleled ease of use. One of the few customizations that many people want is a custom footer. Unfortunately, there is no way to change the footer content in Thesis Options or Design Options. So, lucky for you, I can show you exactly how to accomplish your own custom footer.

  1. Follow the first 5 steps of this post.
  2. After all the text, space a line or two and stick in the following:
    remove_action('thesis_hook_footer', 'thesis_attribution');
    function my_custom_footer() {
    ?>
    Whatever you want to say goes here. Hint: use p tags.
    <?php
    }
    add_action('thesis_hook_footer', 'my_custom_footer');

Did you see how freaking easy that was? Let me quickly break down what you just did.

First, we removed the default content of the footer by putting this in custom_functions.php:

remove_action('thesis_hook_footer', 'thesis_attribution');

Second, we declared a new function that will determine the new footer content by adding this:

function my_custom_footer() {
?>
Whatever you want to say goes here.
<?php
}

Lastly, we told Thesis to put the new footer content into the footer by writing this:

add_action('thesis_hook_footer', 'my_custom_footer');

Using Thesis is the easiest and most effective way to start and maintain a website. Good luck and happy coding :)

{ 23 comments… read them below or add one }

Fatos October 23, 2009 at 12:10 pm

Thank you again, very nice tutorials… by the way I think you forgot to put the underline between remove and action (remove action… remove_action) at the highlighted code and somebody might just copy and paste the code without the underline and it might not work.
All the best

Reply

Matt October 24, 2009 at 9:14 am

@Fatos
Hmm. It is definitely there.

Reply

Doug Hudiburg January 5, 2010 at 12:33 pm

Thanks Matt, this was exactly what I was looking for, you saved me a ton of time.

Reply

Dee March 24, 2010 at 6:20 pm

I did that. The Thesis attribution is gone, but the new content doesn’t show up and the Wordpress label is still there. ??

Reply

Matt March 25, 2010 at 5:04 pm

@Dee
The Wordpress Link is controlled under Design Options -> Display Options -> Administration. I’ll need to see your site in order to help you out further.

Reply

Paul Hopkins April 19, 2010 at 4:20 am

Excellent tutorial! Changed it in two minutes!

Reply

Matt April 19, 2010 at 9:59 pm

Success!

Reply

Gail Jordan May 29, 2010 at 9:06 pm

Please explaing what a p tag is ….Hint: use p tags.
Thank you for the wonderful step by step tutorials
My website is under reconstruction.

I would love to know how to fill the header with image. Example http://www.hebronelks.com

Reply

Noel January 4, 2011 at 11:56 am

Nice! How can I move the footer to the left?

Reply

URVIGIRL January 8, 2011 at 7:32 am

@NOEL ….

DID YOU FIND OUT HOW TO MOVE YOUR FOOTER TO THE LEFT OR CENTER…LET ME KNOW AND ILL CONTINUE MY RESEARCH.. THANX!

Reply

Noel January 16, 2011 at 9:22 pm

Nope, haven’t found out how to move footer to left.
Anyone can help?

Reply

Harley February 4, 2011 at 1:47 pm

Great, now how to Add a Background Image to the Footer Area?
I know nothing of CSS, or rather very little, but I am not afraid.
Using Thesis developer version on local host for learning.

Reply

Matt February 4, 2011 at 2:59 pm

For a non-repeating image:

.custom #footer { background: url(‘image location’) no-repeat; }

Reply

Harley February 6, 2011 at 5:52 pm

Thank you so much Matt, I really appreciate it.
However, I added
.custom #footer { background: url(images/footer.jpg) no-repeat; }

to my custom.css in Thesis and while my image did indeed appear
at the bottom of page where the footer area is, it was reduced in size.
The graphic is 1600px width 121 px height ( original size )
When it shows up on my site, it is very very small and thin and does not match
the padding of my background graphic. I hope I am making this clear.
I will list a couple of sites I found that use a graphic at the bottom of their
Thesis Themed sites the way I am trying to do with my site as an example.
I can not seem to figure out how to allow internet access via my router
using local machine so you could see what happened, that is another issue all
together, but if you are of the mind, please look at these two sites and
what they have done at the bottom footer area and you will see exactly
what I am attempting to accomplish. I will also go on ahead and take a
screenie of where I am at and post links to the images.

the sites:
http://thesisthemehq.com/how-to-install-and-customize-a-thesis-site-in-a-weekend-part-4/
http://www.themogulmom.com/
http://www.fuschiadirections.com/

MY SCREENIES:
without the footer jpg added as described above:
http://i56.tinypic.com/23t38yu.jpg

with the footer jpg added as you instructed above:
http://i55.tinypic.com/30wtca8.jpg

and last but not least thought you might need the actual footer jpg:
http://i51.tinypic.com/n6b38z.jpg

If I am being a pain in the rear-end, I apologize.
I have googled and googled and read and read
and just can not make this happen.

Reply

Matt February 8, 2011 at 10:19 am

It would be much easier if you had a link to a dev site. Can you provide that?

Harley February 6, 2011 at 6:05 pm

BTW, I am an old grannie of 47, trying to learn how to make a beautiful site
for my daughter who is out of work with 2 kids and wants to sell some
of her beautiful homemade pottery and girlie cutesy kitchen crafts online.
She has no clue about this stuff and while I have a little experience with
pre-made themes, I have never attempted building one basically from scratch.
Though it would be just a little more easy with Thesis than it is turning out to be.
I made this site for my friend too. Guess I over-reached. Thanks for the reply.

Reply

Matt February 8, 2011 at 10:21 am

Also, I don’t think that it is Thesis that is the issue. What you are dealing with is simply not being proficient in CSS. I recommend downloading Firebug and reading some CSS tutorials. That will get you on the way ;)

Reply

Mark H May 5, 2011 at 4:59 pm

Thanks Matt,
this info was explained very well. What’s a website without some footer content?!

I will give reference to this for my customers! :)

Reply

Deepak September 12, 2011 at 1:28 am

is there any other seo freindly theme other then thesis ….?

Reply

Devon November 11, 2011 at 10:13 am

As soon as I paste in the code you have listed in the instructions, Dreamweaver tells me there is a mistake in the coding. I’ve added hooks quite a bit in the past without issue, but this one is breaking my site.

According to Dreamweaver, this is what is causing the issue:

<?php
}
add_action('thesis_hook_footer', 'my_custom_footer');

Any help would be appreciated.

Thank you.

Reply

Devon November 11, 2011 at 10:16 am

Nevermind. It’s working now. I must have screwed it up somehow. Thanks.

Reply

Karla December 7, 2011 at 7:09 pm

I did it! Yes, thanks to this post, I was able to code something. And I know nothing of codes or the thesis theme. Thanks for helping me! Great post! A total newbie, non thesis user edited a footer text.

Reply

daniele January 16, 2012 at 5:45 am

Well done, even after more than 2 years, this post is still usefull, just file name has changed during latest version of Thesis (1.8.2 has different file name, functions.php). Thank you Matt.

Reply

Leave a Comment

Previous post:

Next post: