Website Header Image Problem

  • 906495

    (@906495-1)


    12 years ago

    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.

    http://www.bluehostforum.com/showthread.php?31955-Website-Header-Image-Problem

Viewing 6 replies - 1 through 6 (of 6 total)
  • Paweł Knapek

    (@adpawl)

    12 years ago

    <div id="page" class="hfeed">
	<header id="branding" role="banner">
			<hgroup>
				<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>
    esmi

    (@esmi)

    12 years ago

    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.

    Thread Starter 906495

    (@906495-1)

    12 years ago

    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.

    Troy Chaplin

    (@areziaal)

    12 years ago

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

    Thread Starter 906495

    (@906495-1)

    12 years ago

    http://www.allthingsscrappedandsnapped.com/

    Thread Starter 906495

    (@906495-1)

    12 years ago

    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.