Not Good With Code? Just Use Divi!
There must be 20 different Divi tutorials and plugins out there trying to help people with a very common request – add a dynamic copyright year to Divi. It’s true that Divi has matured, and one of the ways this has happened is with Dynamic Content. That’s right, believe it or not, we are going to use Divi’s Dynamic Content to create an auto-updating copyright year in Divi without using code. Let’s do it!
Join subscribers on our YouTube channel and enjoy other Divi video tutorials!
Just Add A Text Module!
To get started, add a Text Module to your layout wherever you want it. You probably will want to add this to a footer section, whether that is in your Theme Builder or just in your page layout.
Step 1. Add Text Module
Step 2. Choose Dynamic Content Icon
Step 3. Choose “Current Date”
Step 4. Fill In The Fields
Before: Copyright © (notice the space after the symbol)
After: Type your website name here
Date Format: Choose “Custom” from the dropdown list
Custom Date Format: Here you need to type a capital “Y”
And that’s it! Simple as that.
Bonus #1
Dynamically Add The Site Title!
Too lazy to type your site name? Want that to be automatic also? Great, we have another hack for you! Just add a second text module, and this time choose the “Site Title” in the dynamic content.
Next, add a CSS class to the ROWÂ Custom CSS field called “pa-inline-module.” Basically we need to move the two separate modules to stack side by side with each other so they line up horizontally.
Copy the CSS snippet below into your Divi>Theme Options>Custom CSS box.
.pa-inline-module .et_pb_text {
display: inline-block!important;
}Add about 4px of margin between them and you now have a 100% automatic footer copyright text in Divi!Â
Bonus #2
Add Legal Links
You even use html in the “After” field, so just go for it! Nothing holding you back!
Simple and elegant solution and very much appreciated warmest regards Adrian
Thank you Adrian, I appreciate you stopping by and for the kind words!
Awesome, I have been looking for a solution like this!
I’m so glad you found this! Excited for how easy this is to use!
Cool!
Thank you for your work!
One question, how I can set this in the bottom line at the end of the page (under the footer)?
Hi Joerg,
You are welcome! To do tha, just create a footer later in the Theme Builder with a section that has the text module in it like in the tutorial. Let me know how it goes!
In your video you added custom CSS to page not Copy the CSS snippet below into your Divi>Theme Options>Custom CSS. I was not able to get this to work with the Divi -> Them Builder -> Global FooterPage Footer. Could you include more instruction how to do this (video demonstration would be perfect). THANKS for sharing
Hey there,
In a lot of my tutorials I add CSS to the page so that we can see them live, but then I always say to paste it in the Theme Options or child theme. However, this tutorial does not use any code, so are you referring to the inline module bonus part? That should work fine as written, so I’d need more info to understand why it isn’t for you.
Yet another gem, Nelson! Thank you. You’re helping me look like I know what I’m doing, more and more 🙃
You’re welcome, Nikki! haha, I’m glad, keep learning and looking good!
Thanks SO much. I’m glad I found this. Invaluable. Will share widely.
That’s great, Sheila! Thank you!
So what I’d like to do is create a footer like the footer on this site: copyright LOGO website by martindesign.info
To get the logo in there you will need to add the image html to the “before” input field.
Thanks for that. Really simple and really useful.
You’re welcome Kelly! Yes it is very handy to use!
Thank you
You’re welcome Zin!
One question? How to you make the copyright and privacy links centered. <center> in there is not working for me by adding that code in the After section or the Before section.
Instead of placing this snippet:
.pa-inline-module .et_pb_text {
display: inline-block!important;
}
Go to the Row in which you have placed the modules. After that go to the Row Settings > Column Settings in which the text modules are > Advanced > Custom CSS > Main Element and place the code given below:
display: flex;
justify-content: center;
This will bring your modules in a single line and in the center as well. Please let us know how it goes.
Great article! Is it possibe to add a reminder to subscribe to my newsletter with a button leading to a sign up form after the main links you mentioned in the article, I.e. “Don’t leave without becoming a RR Insider! with button saying “START HERE?
I’m not sure, Sue, that doesn’t seem relevant to this tutorial.
My year is showing as 2019 but the site settings has the current date. Any suggestions on how to fix this or why it’s pulling 2019 and not 2021? Thanks!
Never mind I figured it out. I had it set as publish date but needed to use the current date option.
Hi Stephanie,
We are glad that the problem is solved now. Please let us know if you need any further assistance. 🙂
where do i find the text or link for the privacy policy page?
Hi Jaime,
At the end of every page, you will find a link named Legal. You need to click on that and the page that you will be redirected to will show you all the information about out Privacy Policy, Terms and Conditions and much more.
Here is the link for you: https://www.peeayecreative.com/legal/
Best solution ever 😉
It is pretty good, I must admit! 🙂
Alternatively you can use a simple jQuery implementation to add auto year update on the default footer bar:
jQuery(function($){
$(“.copy-footer”).prepend(new Date().getFullYear());
});
Edit footer credits like this
Your credits text after the year goes here
Yes of course, but take notice to the title 🙂 Code is not the point of this tutorial and it certainly not the recommended method. Plus we have a separate tutorial for that: https://www.peeayecreative.com/how-to-change-the-divi-footer-credits/
Great way to handle this. Thanks for taking the time to make this post.
You’re welcome Dwayne, glad you found it useful!
Awesome solution. Works well, thanks for this information.
Hey Sam,
We are glad to hear that. Stay tuned for more such guides. 🙂
Thanks for this and many other helpful Divi tips and tricks!
You’re welcome!
Another perfect solution, thanks!
I’m so glad you like it!