How do I center my footer

4 replies
  • WEB DESIGN
  • |
Pink Lilies - The number one place for bouquets is under development and Ive been trying to get my footer to be centered yet its proving a little hard to do. Can someone help me?
#center #footer
  • Profile picture of the author Ron Killian
    Quick and easy would be:

    HTML Code:
    <center><footer code></center>
    Unless you use CSS.
    Signature
    PLR Affiliate Program Has Launched! Easily Promote Over 5,000 PLR and MRR Products.

    Largest Selection of PLR Articles on the Planet! PLR Ebooks, PLR Video, PLR Websites and more with Private Label Rights
    {{ DiscussionBoard.errors[3998399].message }}
    • Profile picture of the author rmarkin
      My preferred method is
      HTML Code:
      <div align="center">Footer goes here</div>
      {{ DiscussionBoard.errors[4010816].message }}
  • Profile picture of the author zulfnore
    Its a css styling. And you'll need to experiment with a couple of codes....

    Open up the style.css in the theme editor and look for #footer the code reads
    #footer {
    color: #FFFFFF;
    margin: 20px 20px 50px;
    overflow: hidden;
    }

    Change it to
    #footer {
    color: #FFFFFF;
    margin: 20px 20px 50px;
    text-align: center;
    overflow: hidden;
    }

    If that does not solve it then scroll a little further down the the code:
    .footer-col {
    float: left;
    width: 215px;
    margin: 0 20px 20px 0;
    }
    Add the same code as above i.e. text-align: center;

    If that does not shift it then try changing the float from float: left; to float: center;

    hope that helps'
    Zulf.
    {{ DiscussionBoard.errors[4011103].message }}
  • Profile picture of the author Matt G
    you can also use

    Code:
    margin: auto auto;
    or
    Code:
    margin-left: auto;
    margin-right: auto;
    Both will do the same thing and both could work for you
    {{ DiscussionBoard.errors[4011250].message }}

Trending Topics