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,

[Author]

Posts