How to Change Divi Footer Text Size (and Link Color)

Recently, when I was creating a website for a local client with Divi, I encountered the following problem: I wanted to make the text in the footer smaller because it was too big. However, the settings for this option in the Divi Customizer somehow didn’t work in this case.

In today’s Divi quick tip, I will explain to you how I solved this problem.

 

 

The solution is very simple. All you need to do is to add just one line of custom CSS code to your Divi Theme Options Custom CSS field (or to your child theme’s style.css file).

Here’s the exact code that you will need to use:

#footer-info { font-size: 14px; }

Don’t forget to replace the value 14px with your desired font size.

You might also like to change the color of the hyperlinks in your footer. In my case, I will change their color to white. To do that, I need to add the following custom CSS code:

footer a { color: #fff; }

Hint: If this doesn’t work, add !important code and it should work:

footer a { color: #fff !important; }

And, just change the HEX color code with your desired color. For example, I could change this to #35ceb6 if I wanted to use the green color that I’m using on this blog.

Also, please note that this doesn’t work with global footer using Theme Builder (if you created a Global Footer with the Divi Theme Builder). In such case, you will need to edit the text size manually using the Divi Builder.

That’s all for this topic. For more quick Divi tutorials like this one, you might like to subscribe to my newsletter.

Finally, you might also like to read my other Divi footer tutorials:

• How to change footer text on Divi theme
• How to extend footer to bottom on Divi theme
• How to add text below footer on Divi theme