Support » Themes and Templates » Placing a graphic into the header

Viewing 7 replies - 1 through 7 (of 7 total)
  • Look in the header.php file for the part that calls the name of the blog and replace it with html for your image. 🙂

    Thanks for the tip but I’m not much of a coder so I can’t get this to work. I tried to replace:

    <div id="logo">
    		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    		<h2><?php bloginfo('description'); ?></h2>


    <div id="logo">
    		<h1><a href="<?php echo get_option('home'); ?>/"><?url(images/nitch_HeaderLogo.gif); ?></a></h1>
    		<h2><?php bloginfo('description'); ?></h2>

    But that caused a fatal error – do you know what I’m doing wrong?

    You can replace your header image with your logo image. To do it, go to your wordpress/wp-content/themes/yourtheme/images of your installation and place your image in images folder, and replace its name with your default header image . Doing this your header image (if there any) will disappear and your logo will come up.

    Thanks Garry, but my header image doesn’t work like that. It’s a repeating tall and thin image to allow it to scale when it’s viewed on monitors of different sizes/with different resolutions.
    Here’s the code for that from the stylesheet:

    body {
    	background: #FFFFFF url(images/img05orange.gif) repeat-x;
    	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	color: #4A5157;

    What I need to do is insert an image over top of this header image (which would essentially become a background). The sizing and coloring will work – I just need code to know how to place it and can’t find anything anywhere.


    Ok. You can use float:left property in style.css and a div tag to place it where you want.

    Thanks Garry – took a while but I got it figured out! Now on to the next challenge…

    nitch, I’m having the same problem I think you fixed…
    I’m trying to place a graphic in a wordpress theme to replace the title (words and/or link) how did you fix your problem… what code did you use and what code did you change to remove the text from the header area?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Placing a graphic into the header’ is closed to new replies.