Support » How-To and Troubleshooting » Website Header Image Problem

Website Header Image Problem

  • My wife decided she wanted a blog for her photography, along with the cards and such she makes. She found a free template she liked well enough, but didn’t like the way the header fonts looked. I told her to make up an image file for a banner and I could probably replace the header. I found the HTML code to do it in the forum here and changed the header file. Everything looks right in Firefox, but in Explorer and Chrome there’s a broken image box above the header image. Any ideas how to get rid of the box?

    Here’s a post I made in the Bluehost forum with images and code info.


Viewing 6 replies - 1 through 6 (of 6 total)
  • <div id="page" class="hfeed">
    	<header id="branding" role="banner">
    				<h1 id="site-title"><span><a>/"><strong><img src="http://i8.photobucket.com/albums/a25/titleimage.jpg" border="0" alt="Photobucket">  <?php bloginfo('description'); ?></strong></a></span></h1>
    				<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>


    Forum Moderator

    Do not edit the Twenty Eleven or Twenty Ten themes. The former is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

    Ok, I replaced the original files in the twentyeleven folder and verified everything had been returned to original. I then created a child theme folder with the style.css file and the header.php file I modified for the image header. I added the parent theme to the style.css in the child folder and loaded the twentyeleven-child theme in the dashboard. The broken image box is still there.

    BTW I also added the missing “<span>” to the header.php file which was pointed out by the other poster.

    What’s the URL to the site you’re having issues with?

    Is there a better way to put this image in the header? Think it would help if I hosted the image on the site itself? I can’t believe replacing a text header with an image header would be this big a pain in the ass.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Website Header Image Problem’ is closed to new replies.