One thing the Extra Theme is missing is an easy way to customize the links in the footer (i.e. the “credits” or “copyright” links).
Here are a couple of options for modifying the links.
Modifying the footer links using JavaScript
If you’re comfortable working with JavaScript code, then you can easily change the links with something like this:
<script>
jQuery(function($){
$('#footer-info').html('© '+(new Date).getFullYear()+' <a href="https://extrabooster.com">Extra Booster</a>');
});
</script>
You can add this to the theme by pasting it into "Extra > Theme Options > Integration > Add code to the head of your blog", after anything else that is in there.
This code is quite simple. It just replaces the current footer links with your own HTML code. In this case, the HTML code I’ve included consists of three parts. First is “©”, the HTML code for the copyright symbol. Next comes a bit of JavaScript for getting the current year (in YYYY format). And finally there is a link to the Extra Booster homepage. By modifying these you can customize the link to suit your site.
Modifying the Footer Links using the Aspen Footer Editor
If you don’t want to mess around with jQuery code, or you want a more convenient way to edit the links, you may want to check out the Aspen Footer Editor plugin.
It allows you to modify the Extra footer links using a standard WordPress editor box. This allows you to easily apply formatting, add images, etc, as you would in a standard WordPress post.
How can I apply this in Child Theme?
Hi James,
One way would be to copy the footer.php file from Extra (located in the main theme folder) into your child theme folder. This will cause WordPress to use your copy of the footer, rather than Extra’s original. You could now place the code I give just before the </body> tag near the end of the file.
A better alternative, though, would be to locate the line of code which starts <p id=”footer-info”> in the same file and directly replace the content between the opening and closing “p” tags with the text / HTML you want to appear in the footer.
Thanks again! Another great article!! Believe it or not, I was editing the footer.php. Which, everytime I had to update. I would have to go back and fix it. Never thought of doing it this way
Yeah, editing the Extra theme’s files is a quick easy way to make changes, but unfortunately as you see your changes get lost on update. Another way you can edit the footer is by creating a “child theme” into which you place a copy of Extra’s footer.php file. This copied file will override Extra’s own footer.php file and will survive updates. In some respects this is a nicer way to do it than using JavaScript, but it does suffer from the downside that you won’t benefit from any changes Elegant Themes make to the way Extra’s footer works without manually updating the footer.php file and re-adding your changes. Either way will work, though 🙂
Thank you 🙂
Thank you realy helped me 🙂
Thanks for a great tip. hard to find stuff on extra, but i think this site will be a great resource
Please update the code. Now 2018 😛
Thanks Afzal. I’ve updated the code to automatically display the current year, whatever it might be! Cheers 🙂
Worked like a charm. Ty for sharing.
So much appreciate this easy integration!
Awesome!!!!
Thanks. i just find this tutorial
I applied to my Extra Child theme and work great ,…. very good job, thank you very, very much
You’re very welcome, deyson 🙂
So neat. Thanks for the script.
Thank you for this script, very useful.
You’re welcome, Arturo 🙂
Thank you so much for this useful tip.
You have saved me a lot of stress.
You’re very welcome, Philip 🙂
Finally, I found someone who takes care of the “extra theme pain”. Thank you for the help. Successfully changed the footer credits on my blog spareviews.in
Glad it helped, Vijay!
Thank you very helpful. Don’t understand why they don’t make this easier in the theme customizer.
You’re welcome, Mal. Yeah, I’m not sure – it’d certainly be useful.
Thank’s for the tip and all the others
You’re very welcome, Ahmed!
I installed Extra today and came across your site third time now and every tip was helpful, so I thought it’s time to say thanks for dealing with the Extra theme!
I use Divi usually and you can easily remove or change the footer credits in the Customizer, I wonder why they removed it in Extra.
Well anyway, thanks for your tips! Why didn’t you integrate the changes in your own site? 😉
Hey Martin, I’m glad the site has been useful 🙂
I don’t think they ever added the footer credits option into Extra. If I recall correctly, Extra came out before the footer credits features was added to the Divi customizer. While the two themes share the same code for Divi Builder, they seem to have different customizer setups and features don’t necessarily make it from one to the other.
Usually I get caught up in other things (i.e. the next user question) before actually making use of my own tips – I’ve just applied this one to the site now though 😉
By the way, if you haven’t already seen it I’ve got a similar site for Divi (https://divibooster.com), albeit with a lot more content. Some of these, especially the Divi Builder focused ones, will even work on Extra.
If there’s any other changes you’d like to make to Extra, give me a shout and I’ll try to help out!
Hi Dan again. It has been useful indeed! Yeah I can imagine, but I see its working now here as well.
Had a look at Divibooster and this will come in handy at some point as well I guess, thanks.
I actually had one more question regarding extra and wrote you via the contact form, but I got an error “Invalid submission” all the time. Maybe you can have a look.
Hey Martin, sorry about that and thanks for letting me know. It looks like the contact form module needed to be resaved to bring it inline with the latest version of Extra. It seems to be working again now, so if your question is still valid, perhaps you could try resending it now? Cheers!
very nice article thanks for giving me a footer credit change in extra theme thnaks