How to center footer menu
-
Hello I have an issue I want this footer menu to be centered kindly help me here.
Hi kamaunyaga99,
Thanks for reaching to us and appreciate your patience.
1. Logo
Go to Appearance > Widgets > and remove alignleft
class https://prnt.sc/HSfAdH2OeEjO
2. Centering text
Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.footer-sidebar {
padding-block: 40px 10px;
}
Regards,
I added the code in the global custom css but the menu links are not yet centered. Kindly help here.
Attachments:
You must be
logged in to view attached files.
Hi kamaunyaga99,
Please remove previous code and use below one:
:is(.widget,.wd-widget,div[class^="vc_wp"]) :is(ul,ol) {
text-align: center;
}
Regards,
Thanks for the help this one worked what i now want assistance with is i see the gap between the elements is very huge how can i reduce that gap so that it becomes more appealing?
Thanks.
Attachments:
You must be
logged in to view attached files.
Hi kamaunyaga99,
Please use below one:
div.widget {
margin-bottom: 20px;
padding-bottom: 10px;
}
div.footer-column {
margin-bottom: 10px;
}
Regards,