Center center logo in header

21 May 2012, 7:37 PM

#1

New Zenner

I need to center the middle logo on our header. www.peterickard.com

I tried everthing I could find & ended up padding the left side and putting this in my stylesheet:

#centerlogo {
float:left;
padding-right:1px;
padding-top:1px;}

#rightlogo {
float:right;
padding-right:1px;
padding-top:1px;}

Any suggestion will be greatly appericated!

22 May 2012, 10:15 AM

#2

Totally Zenned

Re: Center center logo in header

easiest way would be to alter the actual background image

images/header_bg.gif

23 May 2012, 12:36 PM

#3

New Zenner

What size should I make it? I've adjusted it several times & it never centers correctly on different sized screens.

23 May 2012, 12:44 PM

#4

Totally Zenned

Make sure your logo is in the middle of the file, at the moment your logo is offset to the left (on the actual image)

Then find this in the style sheet and make it match below

#headerWrapper {
background: url("../images/header_bg.gif") no-repeat center top;