How to center the site logo?

[Calisto]

I've done a search on this, but I didn't find an answer on how to center the site logo. Can someone please help me? The style I use is "prosilver".

[Raimon]

open common.css

search:

Code: Select all

    #logo {
       float: left;
       width: auto;
       padding: 10px 13px 0 10px;
    }

replace with:

Code: Select all

    #logo {
       float: left;
       width: 100%;
       padding: 10px 13px 0 10px;
       text-align: center;
    }

search:

Code: Select all

    #site-description {
       float: left;
       width: 70%;
    }

replace with:

Code: Select all

    #site-description {
       float: left;
       width: 100%;
    }

after that refresh your theme ( acp -> styles -> themes -> refresh ) .

[Calisto]

Thanks you so much for your help. I had one problem though: It did center the logo, but it also enlarged the margin between the logo and the forum underneath. Here's a link to the forum: http://www.blacklionstudios.com/shadowh ... community/

And this is how it looks, when I use your code with the centered logo:
http://www.speednet24.com/download/toolow.gif

[Saved0ne]

Wow, you have a fantastic website and forums. I just wanted to say that while I was searching how to center my logo. Did you get yours to work?

[carleas]

This change almost centered my logo, except that there's a little extra space in the left side of the header. I removed my search box and site description, so maybe that's it? it looks like about 20 pixels of extra space.

I tried changing

Code: Select all

padding: 10px 13px 0 10px;

to

Code: Select all

padding: 0 0 0 0;

but that didn't fix it.

Any ideas?

EDIT: NM, my browser was caching the old version. Changing the padding seems to have done it.