Header Logo size

3 replies [Last post]
amnion
amnion's picture
Offline
Joined: 03/02/2008
Points: 0

Is there any way to increase the size of the header logo so my logo can take up the whole rectangle?

Jason
Jason's picture
Offline
Joined: 01/03/2008
Points: 8
Header logo width

Hi Amnion,
You can adjust this to your liking just by adjusting the CSS associated with the logo size, i.e. this in your style.css file that comes with the efficient theme:

style.css - Starting line 190

#header {
float: left;
width: 569px;
margin: 0;
padding: 0 0 15px;
}

#header h1 {
margin: 15px 0 0 25px;
}

#header h1 a {
display: block;
overflow: hidden;
width: 357px;
height: 88px;
background: url(images/logo.png) no-repeat;
text-indent: -10001em;
}

The width of the H1 logo is by default 357 wide by 88px in height. You'll have to widen this and toy around with the width and height if you want it to display across the whole shaded rectangle.

amnion
amnion's picture
Offline
Joined: 03/02/2008
Points: 0
thank you

I changed the width to 569 and the height to 96 to accommodate my logo.png image, and refreshed my cache about a million times but it's still getting cut off:

www.fatalfitness.com

amnion
amnion's picture
Offline
Joined: 03/02/2008
Points: 0
Disregard

Three hours later, my cache finally cleared and it's working, sort of.  It caught up to what I did, almost, so I guess I'll wait another three hours. :)

Post new comment

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account associated with the e-mail address you provide, it will be used to display your avatar.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <strong> <code>
  • Lines and paragraphs break automatically.
  • Each email address will be obfuscated in a human readable fashion or (if JavaScript is enabled) replaced with a spamproof clickable link.

More information about formatting options

Type the characters you see in this picture. (verify using audio)
Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated. Not case sensitive.