How to center footer

  • Hello, I am currently building a website but I am having trouble with centering my footer with the Tesseract theme. Would anyone be able to help me out? My website is sotanakethphotography.com

    • This topic was modified 8 years, 2 months ago by Jan Dembowski.
Viewing 5 replies - 1 through 5 (of 5 total)

  • Just add this below code in CSS file.

    body #horizontal-menu-wrap {
    float: none;
    width: auto;
    display: inline-table;
    vertical-align: top;
    }

    body #footer-banner {
    text-align: center;
    }

    Thread Starter Sotana

    (@sotana)

    Perfect! Thank you ganeshpaygude!

    Thread Starter Sotana

    (@sotana)

    Hey there! I updated my footer with social media icons and now the footer shifted left. I was wondering if I could get some help again in centering it!

    Michael

    (@alchymyth)

    try to change to:

    body #horizontal-menu-wrap {
float: none;
width: auto;
display: inline;
vertical-align: top;
}
    Thread Starter Sotana

    (@sotana)

    Hi Michael, Unfortunately when I tried to put that code into Simple Custom CSS nothing changed on my website. The footer still seems to be shifted left. Any other Ideas?

    try to change to:

    body #horizontal-menu-wrap {
    float: none;
    width: auto;
    display: inline;
    vertical-align: top;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to center footer’ is closed to new replies.