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.
- Follow the first 5 steps of this post.
- 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 }
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
@Fatos
Hmm. It is definitely there.
Thanks Matt, this was exactly what I was looking for, you saved me a ton of time.
I did that. The Thesis attribution is gone, but the new content doesn’t show up and the Wordpress label is still there. ??
@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.
Excellent tutorial! Changed it in two minutes!
Success!
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
Nice! How can I move the footer to the left?
@NOEL ….
DID YOU FIND OUT HOW TO MOVE YOUR FOOTER TO THE LEFT OR CENTER…LET ME KNOW AND ILL CONTINUE MY RESEARCH.. THANX!
Nope, haven’t found out how to move footer to left.
Anyone can help?
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.
For a non-repeating image:
.custom #footer { background: url(‘image location’) no-repeat; }
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.
It would be much easier if you had a link to a dev site. Can you provide that?
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.
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
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!
is there any other seo freindly theme other then thesis ….?
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.
Nevermind. It’s working now. I must have screwed it up somehow. Thanks.
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.
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.