Center the Divi Theme Footer Links

This post may contain referral links which may earn a commission for this site

To center the Divi Theme footer links (a.k.a. the copyright notice), you can use the following CSS:

#footer-info { width: 100%; margin:0 auto; text-align: center !important; }
@media only screen and (min-width: 980px) { 
    #footer-bottom .et-social-icons { margin-bottom:-28px; } 
}

It applies a standard centering of the footer links, and on wide screens also moves the footer links up slightly to compensate for the presence of the social media icons which would otherwise push it down.

Hundreds of new features for Divi
in one easy-to-use plugin

14 Comments

  1. Excellent quick tip! Thanks so much!!!

    Reply
  2. Hello, it works perfect. Thank you!
    I have just one question. How this works in mobile?
    Thank you again 🙂

    Reply
    • You're welcome, Sergio! Divi itself centers the footer on mobiles, so the code in this post essentially has no effect on mobiles.

      Reply
  3. Thanks so much! It worked and was my very time time using CSS!

    Reply
  4. Thanks so much the code worked very well for me…..

    Reply
  5. Worked perfectly. I come here often for most of my Divi workarounds and CSS. Thank you so much for sharing these great tips. Keep'em coming!

    Reply
  6. Perfect, I did it, thank you very much.

    Reply
  7. Brilliant, thanks!

    Reply
  8. Whoa, such a fast tip !
    Works great with the CSS in the Divi Options Custom CSS box.

    Thx a lot Dan !

    Reply
  9. Tnx. It works very good

    Reply
  10. Where do you place the Divi footer css?

    Reply
    • Hi stephen, there are a few options, as explained in this post:

      https://divibooster.com/adding-css-to-the-divi-theme/

      The easiest is probably just to put it in the custom CSS box located (from the WP dashboard menu) at "Divi > Theme Options > General > Custom CSS".

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *