How to Add a Logo to Your Header

How do I get my logo on top of my nav bar? I like that look better?

Hi, I followed you instructions to the point, but my logo image never shows on the site???
Any ideas?

I added this code but the logo can't be seen. Why's that?:

url(www.importexportbook.com/wp-content/themes/thesis_16/custom/images/import-export-book-logo.bmp);
width: 426px;
height: 161px;
background-repeat: no-repeat;
display: block;
text-indent: -9999px;

Hmmm, first thing you need to do is change the format of your image from
.bmp to .jpg, .gif or .png

How do I get rid of the white space around my header? I want my header image to be flush with the top of the page and with no white space between it and the nav menu. Also, it's slightly off center. How do I fix that? Thanks. http://ncbsblog.com

Looks like you figured it out.

I did, thanks!

I put this code in and nothing

Hi David, if you'd like me to take a look at your site let me have the url please.

Hello Fabi
Mel here
I am having a nightmare with this Thesis theme. Well what happened was it got hacked.
Just search for super hacker .
Any here is what I have had to do ?
reinstall WP add a new data base
reinstall Thesis Theme
Now For over 3 hours been trying to put the logo on my site. I have followerd you video step by step and still cannot get it to work
Below is what is in the Custom Stylesheet
I have tried different ways to put the URL in but still no work
Any Ideas on the problem
Thanks Mel

.custom #logo a {
background-image: url(www.viralvideomarketingblog.com/wp-content/themes/thesis_151/custom/images/logo.jpg); /*replace logo.png with the name of your image*/
width: 750px; /*change this to the width of your image*/
height: 100px; /*change this to the height of your image*/
background-repeat: no-repeat;
display: block;
text-indent: -9999px;

Mel, did you get it to work? I see that your header image appears in the header... was it not appearing before?

Hi Fabi,

I thought I posted a comment, but it doesn't seem to have appeared...

Thanks for the tut. It works but I my logo panel is sitting about 5px to the right of the nav bar above.

I have tried adding some padding conditions to the custom code, but that doesn't seem to solve the problem. Any ideas?

Sam

P.S. www.logicforgirls.com

Sam, in custom.css try adding this:

.custom #header { padding-left: 0; }

Sam,
I don't know why your comment didn't show up... not good, I need to look
into that.

Just to make sure I understand the problem you are having, see this
image<http://img.skitch.com/20090814-ki28pcxf78sm9u9s9ekkjwqc2c.jpg>
.

Did I understand it correctly? Let me know, and thanks for checking out my
site!

Fabi

Fabi
Hope You Don't Mind ??
If you do I will remove
http://www.viralvideomarketingblog.com/thesis-1...

Mel

Mel, this tutorial might help you out too.

Mel, nope I don't mind at all. The link doesn't work for me though bc , since it's a preview, I'd have to be logged into your blog to see it.:(

This tutorial is not gonna help you much bc it deals with replacing the site's title with a clickable logo. It seems to me that what you are trying to do is add a background graphic to the entire header area (clickable headers), right?

I'll be making a video about clickable headers next week. But if you want to whip your header into shape right away, check out this thread in the support forums.

BTW, if you want to hide Comments on this entry are closed in your About page for example, put this code in custom.css. :)

WOW
Fabi your fast with the replys (replies)
I have no idea what is/was happening but my header was all the way to the left& being 2 inches short on the right & for some reason now it is justified in the center. Below is the code I used I even changed the sizes & still did not work but now is all fine ??

Thesis OpenHook custom.css
.custom #logo a {
background-image: url(images/video-transition-logo.jpg); /*replace logo.png with the name of your image*/
width:950px; /*change this to the width of your image*/
height: 150px; /*change this to the height of your image*/
background-repeat: no-repeat;
display: block;
text-indent: -9999px;

Mel, the header looks fine to me. Tell me in more detail what you are talking about and I'll try to help.

Let me check out your site...brb

Well my header was working good ??
Now for some reason it all to the left
Altering the size will not do anything

Fabi, great tutorial. I have a question about the logo you attached in the header. I noticed that it was just lettering. When I created a text based logo, and tried to upload it, it also included the background lawyer with it. Therefore if I had black text lettering but there was a white background in the photoshop palatte where I created it, then I uploaded the black lettering on the whitebackground. Because photoshop won't let me delete the background layer (it is locked) I didn't know how to just save and upload the text.

did i explain this problem clearly? do you know how to solve it (I think you do because I don't think your logo had a background). please share if you can. thanks.

by the way your two sites look great. I'm surprised you referred a potential client to another site builder. If i wasn't interested in learning myself, i'd hire you

Mike, if it's a text based logo, why are you uploading it as an image instead of typing it out? Is it because of the type of font you're using?

About recommending another web designer... I see how that would seem strange since I do web design myself through Sherple.com. Thing is that we can't take on anymore projects at the moment because our hands are full. Hopefully we'll start accepting new ones beginning of August.

Hey Mel, I suggest you contact Kristen over at Kristarella.com. She's incredible.

Hello
Had thesis over 7 days toying around with it for over 30 hrs. After reading through the documentation that's around,if u know coding that's great if not then it suks.
thanks for your great information on video.
I need a site builder ??
Can u recommend anyone trustworthy
subscribed to you're blog it's really good info
Mel