SMF For Free Support Forum

SMF For Free Support => SMF For Free Codes and Support => Topic started by: Rekuja on January 20, 2014, 05:15:03 pm

Title: I can't center the header logo (tried almost everything)
Post by: Rekuja on January 20, 2014, 05:15:03 pm
Hey guys,

Before I begin, I should mention that I'm still relatively new to SMF and I've googled for hours/days and and even read most of the stickies on this board but I can't figure this out whatsoever, this was my last resort so I'm hoping someone could point me in the right direction.

This is our forum

www.hellion.net.nz

As you can see, the logo is top left and I'm trying my best to center it and maybe resize it (photoshop) so the site looks a little cleaner.

This is the code I'm looking at

Code: [Select]
#header {
   position: relative;
   height: 207px;
   overflow: hidden;
   background: url(../images/theme/headerb.jpg) 0 0 repeat-x;
}
#head-r {
   height: 207px;
   background: url(../images/theme/headerr.jpg) 100% 0 no-repeat;
}
#head-l {
   background: url(../images/theme/headerl.jpg) 0 0 no-repeat;
}

Code: [Select]
#logo a {
   position: absolute;
   top: 0em;
   left: 2em;
   display: block;
   width: 507px;
   height: 180px;
   cursor: pointer;
   background: url(../images/theme/logo.png) no-repeat;
}

I've been told that I'd have to move the other objects as well (search bar, nav pane etc) along with the header/logo as well. So there's a few places where you'll need to play with to get the right orientation.

Could someone help me out? would be highly appreciated.
Title: Re: I can't center the header logo (tried almost everything)
Post by: taogem on May 13, 2014, 10:46:48 pm
Just a suggestion, because I have tried using the forum logo setting before.. Very hard to get it center..

You might just put it at the very top of your header... Admin/manage styles/header

Code: [Select]

<center>http://i30.photobucket.com/albums/c325/glyphman/gb250.gif</center>