Divi Booster logo

Divi Booster

Center the Divi Footer Credit Links

Written by Dan Mossop

|

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; } 
}

Related Post: Adding CSS to the Divi Theme

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.

Take Control of Your Divi Customizations with Divi Booster

Unlock hundreds of new features with Divi Booster and elevate your site's design. Effortlessly center footer credits and more with our user-friendly plugin, designed to help you build impressive sites faster.
Get Divi Booster

About Dan Mossop

Dan is a Scottish-born web developer, now living in Brisbane with his wife and son. He has been sharing tips and helping users with Divi since 2014. He created Divi Booster, the first Divi plugin, and continues to develop it along with 20+ other Divi plugins. Dan has a PhD in Computer Science, a background in web security and likes a lot of stuff, 

14 Comments

  1. Joe on March 28, 2019 at 7:25 pm

    Excellent quick tip! Thanks so much!!!

    Reply
  2. Sergio on May 20, 2018 at 4:10 pm

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

    Reply
    • dan on May 22, 2018 at 1:45 am

      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. Sarah on March 31, 2018 at 2:40 pm

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

    Reply
  4. Benedict on March 8, 2018 at 11:25 am

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

    Reply
  5. Karmen Kendrick on January 23, 2018 at 3:24 pm

    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
  8. Aida Lorena on September 8, 2017 at 10:30 am

    Perfect, I did it, thank you very much.

    Reply
  9. Nikolay on June 16, 2017 at 7:59 am

    Brilliant, thanks!

    Reply
  10. Nguyen Jerome on June 7, 2017 at 1:23 pm

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

    Thx a lot Dan !

    Reply
  11. Heili on May 24, 2017 at 5:03 am

    Tnx. It works very good

    Reply
  12. stephen on December 7, 2016 at 5:21 pm

    Where do you place the Divi footer css?

    Reply
    • dan on December 8, 2016 at 7:55 am

      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 *.

We may earn a commission when you visit links on our website.