• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.1 Logo/Header Question

#1
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

Well-known member
#2
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