How to embed a logo

[christian_w 0]

For some reason the upload function for the "Custom Header Image" does not work on my webspace. I am trying to insert the logo via CSS. So far I came up with the following lines of code: body div.branding_wrap .mainlogo-img {display:none;} body div.branding_wrap .mainlogo-link{ display:block; width:300px; height:115px; background: url(http://www.kriminologen.de/wp-content/uploads/Krim_Ini_Logo.jpg) no-repeat; } Unfortunately the logo is still not displayed. I would appreciate advice. Thank you in advance Chris

[Rob 547]

I don't think CSS is the solution here. A hook in functions.php might be. I'm more concerned about your inability to get an image loaded. Do you have any plugins installed? Could you deactivate them if you do and see if that resolves the problem in your settings?

[christian_w 0]

I tried to deactivate the plugins already - without any success though. The problem is related to my webspace/ hoster. Could you give me a hint how to embed a logo through a php hook?

[Rob 547]

Okay, this is a dumb question on my part, but if you can FTP into your site, can you tell me if you have the following directory set up in your WordPress installation... wp-content/uploads ? What are the permissions (there should be some letters drwxrwxr is what we want. If that's not the permissions, I need you find out how your FTP client allows you to change permission for that directory. Next, if that fails, please call your hosting company and ask them who has ownership of your site? They need to enable you to upload files automatically or manually via FTP. Let me know how it goes.

[christian_w 0]

Yes, the directory exists and I manually uploaded the logo. Permission is set to 777 (see: http://www.kriminologen.de/wp-content/uploads/Krim_Ini_Logo.jpg). Only the automatic upload function won't work - neither for a logo file nor the favicon or any other image.

[kastelic 6]

That CSS you have will only work if there is an image there to start with. You want more like this: [code] body div.branding_wrap .site-title{ display:block; width:300px; height:115px; background: url(http://www.kriminologen.de/wp-content/uploads/Krim_Ini_Logo.jpg) no-repeat; } [/code]

[urbanimatic 1]

Hi christian_w, kastelic's suggestion is correct but the issue is that this will keep the text (title) on top of your image so what i would suggest is to add the background to div.title-container instead of .site-title and change a.site-title text color to your background color which at the moment is white and add a padding-left to the text so it does not show on the top of your logo. Just copy the following to your style.css : [code] div#branding.container div.branding_wrap div.title-container { ? ? ? ? display:? block; ? ? ? ? width:? 300px; ? ? ? ? height:? 115px; ? ? ? ? background:? url(http://www.kriminologen.de/wp-content/uploads/Krim_Ini_Logo.jpg) no-repeat; } div#branding.container div.branding_wrap div.title-container a.home { color: #FFFFFF !important; display: block; font-size: 2.6em; line-height: 1em; margin: 0.3em 0 0.15em; padding-left: 312px; } [/code] Let us know if it works. -Stelios :)

[kastelic 6]

or you could add [code]font-size:0px;[/code] to my code. Either way.

[christian_w 0]

Thank you kastelic and steliodj. That's it - works like charm! You both earned our Karma-points here.

[Rob 547]

If this issue is resolved, may I close it Christian?

[christian_w 0]

Yes please.