If you didn’t already know, Divi is a new parent theme created by Elegant themes which is apparently their most flexible theme.
I hear its been selling like hotcakes and i’ve been told there’s an updated version about to be released shortly.
I was asked for instructions on how to change the footer links which i’ll show you how to do in this post.
You’ll also find some sample CSS code which you can paste in your child themes style.css file and modify to change the styling of the footer links and social icons in the footer.
Step 1. Create Child Theme
The first step is to create a child theme to store all your custom coding, copies of modified files, new CSS and modified CSS.
You have 2 choices:
- Download the child theme i created for Divi which includes all the custom code from this post.
- Or create your own child theme using a step by step tutorial created by Elegant Themes.
If you’ve chosen to create your own child theme, here’s step 2.
Step 2. Copy footer.php to Child Theme
Simply copy the footer.php file from the root directory of the Divi parent theme and paste the copy into the root directory of your child theme.
Here’s what your child theme folder will now look like:
Step 3. Modify Footer Links & Text
Once you have copied your parent themes footer.php file to your child theme, you can then open the file using your favorite text editor and modify the footer text and footer links.
You’ll find both the text and links on Line 35.
As an example of what you can modify in the code, here’s the default footer code in the first Gist and the footer code which i have modified in the 2nd Gist.
If you accidentally modify or remove the wrong code and get errors, simply delete the entire file and copy over the footer.php file from your parent theme so you can start again.
Add 3rd Footer Link
Here’s the code which includes a 3rd footer link.
Style Footer Links & Social Icons
Here’s some sample CSS you can paste into your child themes style.css file to change the styling of the footer links and footer social icons.