How to center the site logo?

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
Locked
Calisto
Registered User
Posts: 7
Joined: Wed Aug 13, 2008 3:16 pm

How to center the site logo?

Post by Calisto » Fri Aug 22, 2008 10:00 pm

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".

User avatar
Raimon
Former Team Member
Posts: 12088
Joined: Tue May 30, 2006 5:31 pm
Location: Netherlands
Name: Raimon Meuldijk
Contact:

Re: How to center the site logo?

Post by Raimon » Fri Aug 22, 2008 10:08 pm

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 ) .
Need phpBB installation, extenstions, Styles or integrate phpBB with you website?
Contact me for fair prices and good service!

Calisto
Registered User
Posts: 7
Joined: Wed Aug 13, 2008 3:16 pm

Re: How to center the site logo?

Post by Calisto » Fri Aug 22, 2008 11:12 pm

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
Registered User
Posts: 6
Joined: Sun Jan 31, 2010 5:31 am

Re: How to center the site logo?

Post by Saved0ne » Thu Apr 01, 2010 12:57 am

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
Registered User
Posts: 58
Joined: Sun May 11, 2008 4:02 am

Re: How to center the site logo?

Post by carleas » Wed Aug 04, 2010 4:08 pm

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.

Locked

Return to “[3.0.x] Styles Support & Discussion”