Center the Divi Footer Credit Links

|

The Divi Theme includes an area for credits / copyright notices in the bottom bar of the footer. By default, this is left-aligned on the page, like so:

This post shows how to center the credit links (leaving the social icons as they are), to give the following result:

Center the Footer Credits using Divi Booster

Divi Booster includes an option to center the footer credit links. You'll find the option at:

Divi > Divi Booster > Footer > Bottom Bar > Center the footer credits

(Prior to v3.3.8, the option was located at Divi > Divi Booster > Footer > Center the footer links).

Center the Footer Credits using CSS

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.

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

Divi Booster

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

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

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