XF 1.1 Logo/Header Question

[The Mad Hattress]

Hi All,

I'm teaching myself how to skin Xenforo for my site and I appreciate your patience and understanding with me

I'm working on a Halloween skin for my site and I was able to figure out where the logo would go for the that particular skin.

The problem I'm having is that the logo (banner) we've uploaded is off center. As you can see in the attached pic:

I've change the code in the header.css to say center:

#logo
{
display: block;
float: center;
line-height: {xen:calc '@headerLogoHeight - 4'}px;
*line-height: @headerLogoHeight;
height: @headerLogoHeight;
vertical-align: middle;
}

and I entered another code in the extra.css:

#logo {
float: none;
text-align: center !important;
}

I would greatly appreciate any help, advice, or/and guidance you guys and provide me on getting the banner centered. Maybe I'm uploading it in the wrong place. I'm not sure...like I've mentioned...I'm self-teaching myself how to skin as I go along with trial and error.

 

[Arty]

float: center; <-- no such thing

If you want to center image use text-align:center; if image's display mode is inline (default) or margin: 0 auto; for img if its block

 

[The Mad Hattress]

Thank you for the replay, I was able to figure it out...I resized the banner and it's working now.