Changing the Footer Links in Divi

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

If you'd like to change the Divi Theme's default "Designed by Elegant Themes | Powered by WordPress" links, here's how to do it.

Manually Changing the Footer Links

Eileen has written a post on how to manually edit the Divi Theme to change the footer links.

Changing the Footer Links in Divi Booster

I've also added an option to my Divi Booster plugin to make changing the footer easier. It gives you a simple box into which you can add text or HTML code:

This gives the result:

Divi Booster Footer Link Shortcodes

To make life easier, I've added some shortcodes:

© – Copyright symbol
– Current year in YYYY format
– Current year in YY format

Adding New Lines

If you want to insert new lines, you need to use the HTML new line tag, which is: <br/>

Add a Divi Booster Affiliate Link

If you'd like your footer to get start earning you some money, consider joining the Elegant Themes affiliate program and Divi Booster affiliate program (both of which pay out 50% commissions). Then you can add the following to your footer:

Powered by <a href="YOUR_DIVI_AFFILIATE_LINK">Divi</a> and <a href="YOUR_DIVI_BOOSTER_AFFILIATE_LINK">Divi Booster</a>

That way, you'll earn money anytime anyone goes clicks on these links and goes on to purchase either Divi or Divi Booster.

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

69 Comments

  1. i want make text left and center, but work only "text-a lign: left;" for "text-align: center;" nothing happen, so confuse appreance for mobile all text on center (left is not worked), and text <span style="font-family: 'comic sans ms', sans-serif;" nothing changed.

    Please help me the right code. Thank you

    Reply
    • Hi Tukar,

      It looks like there are a couple of places in your site where the footer text-align is being set, and these are blocking your attempts to change it / causing the different behavior you are seeing on mobile and desktop. The easiest way to fix is to change the CSS you're trying to add to this:

      #footer-info { 
          text-align: center !important;
      }
      

      That should override all the other rules and give you a consistent effect on all screen sizes.

      Regarding the font, I can see comic sans applied. If you still aren't seeing it, try clearing your browser cache to see if that helps. If not, let me know. Thanks!

      Reply
      • i mean, how to get above text footer on first line "text-a lign: left;" and the last line "text-align: center;" , is this possible ?

        Reply
        • Hi Tukar, I might still be misunderstanding, so my apologies if that's the case. If I'm right in thinking you want the disclaimer left aligned and the copyright / designed by notices centered, you should be able to so by replacing the CSS I gave you before with this:

          #footer-info span {
              display: block; 
              margin:0 !important;
              padding:0 !important;  
          }
          #footer-info span:nth-of-type(1), /* disclaimer title */
          #footer-info span:nth-of-type(2)  /* disclaimer text */
          {
              text-align: left !important;
          }
          #footer-info span:nth-of-type(3), /* copyright */
          #footer-info span:nth-of-type(4)  /* designed and developed by */
          {
              text-align: center !important;
          }
          

          Note that I have changed the span tags to be display:block. This is necessary to get the alignment working, but will increase gap between the lines in the footer. You should be able to fix that by deleting the <br> tags from your footer.

          I hope that helps, but let me know if not. Thanks!

          Reply
          • yes it works… wow amazing, i am so happy. Thank you verry much

          • Great! You're very welcome, Tukar 🙂

Submit a Comment

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