Changing the Footer Links in Divi

Written by Dan Mossop

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

Changing the Footer Links in Divi Booster

Divi Booster includes an option to change the footer credit links. You'll find it at 'Divi > Divi Booster > Footer > Bottom Bar > Replace footer credits with this text / HTML', like so:

This gives the result:

Divi Booster Footer Link Shortcodes

You can use the following shortcodes in the footer:

[copy] – Copyright symbol
[year] – Current year in YYYY format
[yr] – Current year in YY format

Adding New Lines

If you want to insert newlines, you need to use the HTML newline tag, which is: <br/>

Customize Your Divi Site with Divi Booster

Easily customize your Divi site, including changing footer links, with Divi Booster. It provides hundreds of powerful new options, from altering footer credits to enhancing design features, empowering you to build awesome sites effortlessly!

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, 

75 Comments

  1. Hi, I want to reduce the margin of my footer. For example, I have an item 90vw wide, so I would like to make my footer 90vw as well.
    How can I do it?

    Thank you

    Reply
  2. I have tried everything on the website to try and make the whole footer reappear as there doesn't seem to be one at all, the CSS says #main-footer {display:none} which i assume is why it's not visible, but i just cannot find anything that replaces this code that works to make the footer come back. Any help is appreciated. Thanks.

    Reply
    • Hey Georgia, sorry I'm just replying to you now. I just checked the site linked in your comment, but see you're now using the theme builder for the footer. Hopefully you've been able to sort it out to your satisfaction, but if not, you should be able to override that CSS with this:

      #main-footer { display:none !important; }
      

      Anyway, if you're still having trouble with it, let me know. Thanks!

      Reply
  3. FYI, link for Eileen's post leads to a non-existent Bluehost placeholder and loads two spam web pages, one of which begins to push a browser plugin (for Firefox "safer browsing") . . . You may want to investigate or drop the link.

    Thanks for all that you do!

    Reply
    • Hey Ron, thanks for the heads up. Very sadly Eileen passed away a few years ago. It looks like her site has now been taken down permanently, so I've removed the link. For reference, her post described a method of changing the footer by editing the core Divi files which was the only method available at the time of the post. I won't reproduce the information here as there are now better ways to do it, including the Divi Booster method described above and a built-in option in the Divi Customizer that I'll add to the post when I get a chance. Thanks again!

      Reply
  4. 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

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.