the header image(logo) is not showing!

satrap · 10-04-2009, 10:25 PM

i need some help with my logo(header image) , i made a simple logo for my blog and replaced it with the original one that came with the free theme. but i have noticed that in some browsers it doesn't come up. for example when i asked people to review my blog and give me feedback, most of them said " why don't you have a header logo or something?". can anyone please help me in the right direction and tell me what needs to be done. thank you so much in advance.
here is the blog name; blogstash.com

vipdistinct · 10-04-2009, 11:49 PM

I don't see a logo either. Maybe it's a browser thing, did you view the site in different browser? Try looking at it in IE, Firefox and Safari and see what you get.

TheLimeDesign · 10-05-2009, 07:26 AM

I checked through your site and what I found out is this:

First of all, there is no image logo in the site. Secondly, it has header title tag and description tag ready, but with no contents in it. Open your header.php file and locate this line:

HTML Code:

<h1><a href="http://www.blogstash.com"></a></h1>
<h2></h2>

If you want to add a TEXT logo and a DESCRIPTION to it, use this:

PHP Code:

 
<h1><a href="http://www.blogstash.com"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>

Then, just edit the "Blogname" and "Description" in the admin panel.

If you want to use a IMAGE logo, use this:

HTML Code:

<a href="http://www.blogstash.com"><img src="urltoyourlogo" alt="blogstash" /></a>

Just replace the strings that I gave. If you have any problems, just let me know

Cheers~

TheLimeDesign · 10-05-2009, 10:13 AM

No problem..if you find it useful, please use the "thanks" button. That would be appreciated

satrap · 10-05-2009, 11:16 PM

thank you all for helping. lime design i did what you said but i am having some problem with it . here is what i did

original code= <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>

i changed it to= <h1><a href="myblogurl "> <img src="/public_html/wp-content/themes/TechStop/images/Untitled 5.png" alt="blogstash" /></a></h1>
<h2><?php bloginfo('description'); ?></h2>

NOTE; i am new so i couldnot use link where i put "myblogurl" but i did pot the whole url thing in the code from h ttp to end.

but now in IE which was showing my logo before i get "blogstash" text in a box with a "X"(the one that you get when cant see trhe image) on the top of my logo.
in firefox that never showed my logo before, i get the "blogstash" test in a big white text with nothing else.
did i do something wrong or...
thank you so much for taking the time to help me out.

A QUICK NOTE;
in this code <h1><a href="myblogurl "> <img src="/public_html/wp-content/themes/TechStop/images/Untitled 5.png" alt="blogstash" /></a></h1>
<h2><?php bloginfo('description'); ?></h2>

i tried it without the <h2><?php bloginfo('description'); ?></h2> but it still didnot work!

TheLimeDesign · 10-06-2009, 05:14 AM

Copy and paste this code directly, replacing what you have. I have altered it accordingly to make it work for you:

PHP Code:

 
<h1><a href="<?php bloginfo('url'); ?>"> <img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" /></a></h1>
<h2><?php bloginfo('description'); ?></h2>

In your template folder of your theme which you are using, there will be "images" folder, rename your Untitled 5.png to logo.png. This is your logo image. This will fix everything for you.

Good Luck

satrap · 10-06-2009, 07:54 PM

LimeDesign, thank you so much for being so nice and helpful. i think my header.php file is messed up somewhere, because now in firefox the logo shows perfectly just like in IE used to show, but now the IE is showing it differently, what i mean by that is that the logo has come closer to the navbar and the logo text goes over the navbar menu text! i don't know what else to do. but anyway thank you so much for taking the time and going through all the truble to help me out.

satrap · 10-06-2009, 08:16 PM

i just played with the css and changed the #header height: 100px; to #header height: 120px; and it looks ok in both firefox and internet explorer. thank you again lime design and all. if anybody uses different kind of browser and you see the logo is not showing right, please let me know. thank you all again

TheLimeDesign · 10-07-2009, 01:04 AM

Satrap,

Congrats! Its now workin!

However, in Safari, the search box, RSS icons and the other icon are hidden behind the red box. You may want to clean it up (or maybe remove it?)

Great job though!

satrap · 10-07-2009, 10:43 PM

oh ok, well i guess i try to see if i can play around and fix that. i have been thinking about changing the theme any way but i am not sure yet. however i really really appreciate the fact that you went through all this trouble and took the time to help me out. i cant thank you enough. i wish we could all be like you, nice and helpful to others. thank you.

10-04-2009, 10:25 PM	#1
satrap Advanced Warrior Join Date: Sep 2009 Location: Saint louis, Missouri Posts: 797 Thanks: 438 Thanked 208 Times in 86 Posts	the header image(logo) is not showing! i need some help with my logo(header image) , i made a simple logo for my blog and replaced it with the original one that came with the free theme. but i have noticed that in some browsers it doesn't come up. for example when i asked people to review my blog and give me feedback, most of them said " why don't you have a header logo or something?". can anyone please help me in the right direction and tell me what needs to be done. thank you so much in advance. here is the blog name; blogstash.com
	Last edited by satrap; 10-04-2009 at 10:26 PM. Reason: small problem

10-04-2009, 11:49 PM	#2
vipdistinct Warrior Member Join Date: Aug 2009 Posts: 16 Thanks: 0 Thanked 2 Times in 2 Posts	Re: the header image(logo) is not showing! I don't see a logo either. Maybe it's a browser thing, did you view the site in different browser? Try looking at it in IE, Firefox and Safari and see what you get.
	Travel Agent Atlanta

10-05-2009, 07:26 AM	#3
TheLimeDesign Ultimate War Machine War Room Member Join Date: Oct 2009 Posts: 63 Thanks: 2 Thanked 12 Times in 12 Posts Contact Info	Re: the header image(logo) is not showing! I checked through your site and what I found out is this: First of all, there is no image logo in the site. Secondly, it has header title tag and description tag ready, but with no contents in it. Open your header.php file and locate this line: HTML Code: <h1><a href="http://www.blogstash.com"></a></h1> <h2></h2> If you want to add a TEXT logo and a DESCRIPTION to it, use this: PHP Code: `<h1><a href="http://www.blogstash.com"><?php bloginfo('name'); ?></a></h1> <h2><?php bloginfo('description'); ?></h2>` Then, just edit the "Blogname" and "Description" in the admin panel. If you want to use a IMAGE logo, use this: HTML Code: <a href="http://www.blogstash.com"><img src="urltoyourlogo" alt="blogstash" /></a> Just replace the strings that I gave. If you have any problems, just let me know Cheers~
	Last edited by TheLimeDesign; 10-05-2009 at 07:40 AM. Reason: add tags

10-05-2009, 10:13 AM	#4
TheLimeDesign Ultimate War Machine War Room Member Join Date: Oct 2009 Posts: 63 Thanks: 2 Thanked 12 Times in 12 Posts Contact Info	Re: the header image(logo) is not showing! No problem..if you find it useful, please use the "thanks" button. That would be appreciated

10-05-2009, 11:16 PM	#5
satrap Advanced Warrior Join Date: Sep 2009 Location: Saint louis, Missouri Posts: 797 Thanks: 438 Thanked 208 Times in 86 Posts	Re: the header image(logo) is not showing! thank you all for helping. lime design i did what you said but i am having some problem with it . here is what i did original code= <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1> <h2><?php bloginfo('description'); ?></h2> i changed it to= <h1><a href="myblogurl "> <img src="/public_html/wp-content/themes/TechStop/images/Untitled 5.png" alt="blogstash" /></a></h1> <h2><?php bloginfo('description'); ?></h2> NOTE; i am new so i couldnot use link where i put "myblogurl" but i did pot the whole url thing in the code from h ttp to end. but now in IE which was showing my logo before i get "blogstash" text in a box with a "X"(the one that you get when cant see trhe image) on the top of my logo. in firefox that never showed my logo before, i get the "blogstash" test in a big white text with nothing else. did i do something wrong or... thank you so much for taking the time to help me out. A QUICK NOTE; in this code <h1><a href="myblogurl "> <img src="/public_html/wp-content/themes/TechStop/images/Untitled 5.png" alt="blogstash" /></a></h1> <h2><?php bloginfo('description'); ?></h2> i tried it without the <h2><?php bloginfo('description'); ?></h2> but it still didnot work!
	Last edited by satrap; 10-05-2009 at 11:17 PM. Reason: mistake

10-06-2009, 05:14 AM	#6
TheLimeDesign Ultimate War Machine War Room Member Join Date: Oct 2009 Posts: 63 Thanks: 2 Thanked 12 Times in 12 Posts Contact Info	Re: the header image(logo) is not showing! Copy and paste this code directly, replacing what you have. I have altered it accordingly to make it work for you: PHP Code: `<h1><a href="<?php bloginfo('url'); ?>"> <img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" /></a></h1> <h2><?php bloginfo('description'); ?></h2>` In your template folder of your theme which you are using, there will be "images" folder, rename your Untitled 5.png to logo.png. This is your logo image. This will fix everything for you. Good Luck
	Last edited by TheLimeDesign; 10-06-2009 at 05:15 AM. Reason: adding content

10-06-2009, 07:54 PM	#7
satrap Advanced Warrior Join Date: Sep 2009 Location: Saint louis, Missouri Posts: 797 Thanks: 438 Thanked 208 Times in 86 Posts	Re: the header image(logo) is not showing! LimeDesign, thank you so much for being so nice and helpful. i think my header.php file is messed up somewhere, because now in firefox the logo shows perfectly just like in IE used to show, but now the IE is showing it differently, what i mean by that is that the logo has come closer to the navbar and the logo text goes over the navbar menu text! i don't know what else to do. but anyway thank you so much for taking the time and going through all the truble to help me out.
	Last edited by satrap; 10-06-2009 at 07:56 PM. Reason: mistake

10-06-2009, 08:16 PM	#8
satrap Advanced Warrior Join Date: Sep 2009 Location: Saint louis, Missouri Posts: 797 Thanks: 438 Thanked 208 Times in 86 Posts	Re: the header image(logo) is not showing! i just played with the css and changed the #header height: 100px; to #header height: 120px; and it looks ok in both firefox and internet explorer. thank you again lime design and all. if anybody uses different kind of browser and you see the logo is not showing right, please let me know. thank you all again

10-07-2009, 01:04 AM	#9
TheLimeDesign Ultimate War Machine War Room Member Join Date: Oct 2009 Posts: 63 Thanks: 2 Thanked 12 Times in 12 Posts Contact Info	Re: the header image(logo) is not showing! Satrap, Congrats! Its now workin! However, in Safari, the search box, RSS icons and the other icon are hidden behind the red box. You may want to clean it up (or maybe remove it?) Great job though!

10-07-2009, 10:43 PM	#10
satrap Advanced Warrior Join Date: Sep 2009 Location: Saint louis, Missouri Posts: 797 Thanks: 438 Thanked 208 Times in 86 Posts	Re: the header image(logo) is not showing! oh ok, well i guess i try to see if i can play around and fix that. i have been thinking about changing the theme any way but i am not sure yet. however i really really appreciate the fact that you went through all this trouble and took the time to help me out. i cant thank you enough. i wish we could all be like you, nice and helpful to others. thank you.