How do I center my footer?

How do I center my footer?

In the CSS, I changed width and the #wrap and #page-body so my forum pages can adjust automatically if the user has a bookmark sidebar on their browser. Wecoc solved this problem. See https://help.forumotion.com/t155525-site-pages-too-wide-need-to-fit-any-browser-when-bookmark-sidebar-used-by-users

Even before I made this change, I couldn't get my footer centered - I tweaked the footerbar width a lot but never got it completely centered. This is how the code looks:

Code:

.footerbar {
         
          background-image: url("https://i62.servimg.com/u/f62/19/89/15/20/footer15.png");
        background-repeat:no-repeat;
    width: 240px;
    height: 290px;
    margin: auto;
    overflow: hidden;
    margin-bottom: -120px;
    padding: 10px;

So I tried width: auto, and I tried width: center. Neither worked. What's the magic code?

Thanks.

You need to remove what you added since it removes the footer links.  You can not use coding to hide those links.

This is the CSS code that came with the template. I didn't add anything or try to hide the footer, only to center it on the page. I only changed the width from 240px to auto (and then center), hoping this would move the footer picture over. I've tried different px, i.e., 200px, and it moves the footer bar, but does not center it.

The problem with centering was a problem even before I changed this. I hope I explained it better.

Never mind, I changed the px to 180 and it's centered now.

Thanks anyway.

I spoke too soon. When I change the footer photo, the new photo isn't positioned in the center. Tweaking the width doesn't always get it perfect. (Sigh.)

Next time, try to use center html tag

Code:

<center></center>

Or

Code:

.footerbar{
    background: url(https://i62.servimg.com/u/f62/18/64/98/14/sig210.png) no-repeat center center;
    max-width: 500px;
    max-height: 200px;
    height: 100%;
    margin: 20px auto;
    overflow: hidden;
    padding: 10px;
}

BONUS : Remove this line from your CSS to bring the old footer back

Code:

div.navbar ul.linklist li.rightside a {
    display: none; /* change to inline from none */
}


Thanks, SarkZKalie, it works beautifully!