How to Add Text Below Footer on Divi Theme

by | Last Updated: Jan 10, 2018 | Blog, Divi theme

In today’s tutorial I’m going to show you how I added some custom text into my footer, below the footer credits of my Divi theme. You can see what I mean right on this blog divitheme.net if you scroll down to the bottom of the page. This can be useful especially if you need to place some disclosures or disclaimers into your footer. For example, if you have some affiliate links on your blog, you may need to place an FTC disclosure into your footer. For example, if you have an Amazon affiliate website (niche website) created with Divi, Amazon recommends to place your Amazon earnings disclosure into your footer, so that it is visible on all pages and posts of your site.

 

Divi Theme Add Text Below Footer

 

I will now explain how you can do it:

First of all, I highly recommend you to use a child theme and make these edits on it. If you don’t know how to create a child theme for Divi, you can check my older tutorial on how to do it – I also explain in this tutorial why it is important to use a child theme, so I recommend you to read it, too.

Now, copy the footer.php file from your Divi theme’s folder to your child theme’s folder and place the following code into it:

 

<div id="custom_footer">
Disclosure: Your disclocure text goes here.
</div>

Place it right under the following code:

 

echo et_get_footer_credits();
  ?>
</div>	<!-- .container -->

 

Don’t forget to replace the “Your disclosure text goes here.” text with your desired text. And you can also add e.g. a hyperlink (e.g. to your contact page) with some HTML code that you can use here.

The next thing that you need to do is to add the following CSS code into your Divi Theme Options Custom CSS field:

 

@media (min-width: 981px) {
#custom_footer {
width: 1080px;
margin: 0 auto;
font-size: 13px;
}
}

This code will take care of that your disclosure text will not extend through the whole width of the page, but will be nicely aligned both from the left and from the right of your Divi layout. If you have longer text, it will be divided into more lines.

And you can also choose the font size of your text by editing the font-size value. I have set this to 13 pixels.

That’s all for today’s tutorial. I hope you will find it helpful. :)

5 Free WordPress Plugins You Should Use

Divi Theme Design Services
Share This