WordPress.org

Ready to get started?Download WordPress

Forums

Placing a graphic into the header (8 posts)

  1. nitch
    Member
    Posted 5 years ago #

    I'm running wordpress 2.7 on the decimus theme and my URL is http://www.nitch.ca

    I've got my header in a solid color that I like, but my blog title (nitch) is displayed in the blog's default font and size (as all wordpress themes do). I'd like to insert my logo over top of/in place of this. I've built the graphic to fit the header height but I have no idea how to place it over top (or in place of) the title that's generated by the standard wordpress code.

    Could someone please lend a hand?

    Thanks so much,
    Andrew

  2. redheadedninja
    Member
    Posted 5 years ago #

    Look in the header.php file for the part that calls the name of the blog and replace it with html for your image. :)

  3. nitch
    Member
    Posted 5 years ago #

    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>

    with:

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

    But that caused a fatal error - do you know what I'm doing wrong?

  4. Garry Chahal
    Member
    Posted 5 years ago #

    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.

  5. nitch
    Member
    Posted 5 years ago #

    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.

    Help?

  6. Garry Chahal
    Member
    Posted 5 years ago #

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

  7. nitch
    Member
    Posted 5 years ago #

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

  8. Cwebb
    Member
    Posted 5 years ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic