If you’re trying to figure out how to change the footer credits at the bottom your Divi or Extra site, the bit that says “Designed by Elegant Themes | Powered by WordPress“, here’s two quick and easy ways to do it. The first one is Divi specific, the other uses Javascript to replace the credits and will work with both Divi and the Extra theme. The JavaScript version is a slight adaptation of the first method proposed in the article Changing The Footer Credits In Extra on extrabooster.com.
Using The Customizer
If you are using Divi, the first method simply involves navigating to the Customizer, finding the Footer option and editing the footer there. At the bottom of the footer options window, you’ll find the option to “Disable Footer Credits” (#1 in the screenshot) and below that you’ll see the “Edit Footer Credits” field (#2 in the screenshot). Now simply place your new footer text (or whatever else you want add) into this field and away you go.
The JavaScript
Since Extra doesn’t have the footer editor built into the Customizer yet, you can use JavaScript to achieve the same effect. In the JavaScript below, you’ll see that the year is dynamic (it’ll display whatever the current year is). In essence what it does is it replaces the HTML of the element identified by the footer-info ID with the HTML you place in the .html parameter.
The only part of this script that you’ll want to change is on line five, the bit after the second plus sign, just make sure that you don’t use single inverted commas between and first single inverted comma after the plus sign and the last one before the end of the line.
Where To Put It
There are a few options here but the recommended method would be to place this in the Add code to the <head> of your blog field which you’ll find in the Theme Options > Integration tab (located under the name Divi or Extra on your WordPress dashboard). You can also just stick this code into a code module and add it to every page you want to edit the footer credits on. This option would mean you could modify the footer credits on a per page basis.
Wrapping It Up
I know there are other methods that include placing a copy of the footer.php file into your child theme and editing that, but then if Elegant Themes update the footer.php file, you won’t get those changes unless you manually update the copy that you’ve made in your child theme.
Hope this tutorial helps you out, feel free to add your comments below.
Photo by Alex Jones on Unsplash