Comments on: Centering Divi’s Bottom Bar

By: Iris

Iris — Wed, 13 Sep 2023 01:11:50 +0000

Hello John,

Thanks for the CSS to center the text in the bottom bar.

I have another question if you don’t mind, about the height of the bottom bar. I’ve looked at every tutorial I could find, and even applied the suggested CSS, but nothing changed in my bottom bar. I’d like to be able to shorten the height of the bottom bar.

For some reason, I’ve been able to change the height on other sites that I’ve created with WP Divi, but cannot with the very simple site that I’m working on now.

Could you share the code to change the height of the bottom bar?

Thanks so much!

By: AM

AM — Thu, 11 May 2023 11:35:36 +0000

Thank you. Thank you. This worked! Yeah!

By: Michael Hopkins

Michael Hopkins — Thu, 16 Apr 2020 11:44:51 +0000

In reply to Steve.

A bit late with this, but still…

I added a few bits to John’s code to reduce the height of the bottom bar as well as reduce the text size and the line height:

#footer-info { width: 100%; margin:0 auto; text-align: center !important;
font-size : 0.7em;
line-height: 1.2em;
margin-top: -15px!important;
}

By: Steve

Steve — Mon, 25 Feb 2019 17:37:30 +0000

Thanks for this. Is there a way to shrink the height of the bottom bar? Mine is about 1.5 inches tall.

By: jmdrago

jmdrago — Tue, 25 Dec 2018 21:55:50 +0000

In reply to CHARLES KIYIMBA. You are very welcome Charles -

By: CHARLES KIYIMBA

CHARLES KIYIMBA — Tue, 25 Dec 2018 21:23:14 +0000

Thanks a lot for sharing this information. I have been all along trying to find a way to centre the bottom bar. I have even tried some coding which never worked. You have actually saved me. Thanks once again

By: Tiyo

Tiyo — Sun, 26 Aug 2018 03:54:06 +0000

Nice bro

By: jmdrago

jmdrago — Sat, 07 Jul 2018 03:47:12 +0000

In reply to Shane. No problem Shane - thanks for reading!

By: Shane

Shane — Sat, 07 Jul 2018 03:31:13 +0000

Thanks, John

This works great.