11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

the header image(logo) is not showing!

by satrap
9 replies
  • WEB DESIGN
    • |
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
#header #imagelogo #showing
  • Profile picture of the author vipdistinct
    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.
    {{ DiscussionBoard.errors[1247200].message }}
  • Profile picture of the author shahz
    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~
    Signature
    Quality Graphics + Coding Services at affordable prices! | Craftora
    "We Craft Web Wonders"
    {{ DiscussionBoard.errors[1247950].message }}
  • Profile picture of the author shahz
    No problem..if you find it useful, please use the "thanks" button. That would be appreciated
    Signature
    Quality Graphics + Coding Services at affordable prices! | Craftora
    "We Craft Web Wonders"
    {{ DiscussionBoard.errors[1248388].message }}
  • Profile picture of the author satrap
    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!
    Signature
    60 Awesome Ways to Make Money Without a Job
    .................................
    Check out my blog Survey Satrap featuring honest reviews of paid survey sites.
    {{ DiscussionBoard.errors[1250418].message }}
  • Profile picture of the author shahz
    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
    Signature
    Quality Graphics + Coding Services at affordable prices! | Craftora
    "We Craft Web Wonders"
    {{ DiscussionBoard.errors[1251046].message }}
    • Profile picture of the author satrap
      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.
      Signature
      60 Awesome Ways to Make Money Without a Job
      .................................
      Check out my blog Survey Satrap featuring honest reviews of paid survey sites.
      {{ DiscussionBoard.errors[1253099].message }}
  • Profile picture of the author satrap
    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
    Signature
    60 Awesome Ways to Make Money Without a Job
    .................................
    Check out my blog Survey Satrap featuring honest reviews of paid survey sites.
    {{ DiscussionBoard.errors[1253154].message }}
  • Profile picture of the author satrap
    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.
    Signature
    60 Awesome Ways to Make Money Without a Job
    .................................
    Check out my blog Survey Satrap featuring honest reviews of paid survey sites.
    {{ DiscussionBoard.errors[1256613].message }}

Trending Topics