In this simple Divi Theme Tutorial, I am going to show you how you can change the alignment of the text in your footer.
There are plugins and other ways available to change the text to say whatever you would like. But, if you don’t have time to find a way to do it on your own or would just rather have someone else take care of it for you, we offer Divi footer modification for a flat $50.00 fee. Contact us below if you are interested in this service!
Okay, let’s get started.
To accomplish this –
- Choose the alignment you desire from the three options below.
- Copy the code for your chosen alignment and paste it into – Divi -> Theme Options -> Custom CSS
- Save the changes, and you should now have the alignment you desire.
LEFT ALIGNMENT
#footer-info
{
float: left;
padding-bottom: 10px;
text-align: left;
}
CENTER ALIGNMENT
#footer-info
{
float: none;
padding-bottom: 10px;
text-align: center;
}
RIGHT ALIGNMENT
#footer-info {
float: none;
padding-bottom: 10px;
text-align: right;
}
I hope you have enjoyed this Divi tutorial and it helps with your Divi website design projects!
Please feel free to contact us if you ever need help with building your Divi websites.
Need Your Divi Footer Modified?
We offer Divi footer modifications for a flat $50.00 fee!
Thanks, Dustin, worked like a charm!
Glad to help! 🙂
The dropdowns on this post are broken
They seem to be working fine for me… Maybe try a different browser?
Not working for me either!
Sorry to hear it’s not working for you! Is it the toggle modules that are not working? If so, try a different browser. They’re working fine for me, so I’m not sure why others are having trouble.
Tried in three browsers on my MacBook Pro and no dice. How can I grab the code for the centre aligned footer widgets?
Hello Jill,
I’m not sure why they’re not working for certain people, but I have set them to be open by default. You should be able to get the code now.
Hope that helps!
toggle don’t work…. not browser issue they just don’t work, making useless page. looking elsewhere now.
Hello Dave,
I’m not sure why they’re not working for some people, but I have set them to be open by default. You should be able to get the code now.
Hope that helps!
Its perfect to me !! Blessings
Glad it helped Carlos!
How about having the footer centered only on mobile view
?
Hello,
If you put the code inside of a CSS Media Query, it should work.
Best of luck!