I need help with my header

Hi Persuader,

If you go to Appearance > Headers you’ll be able to upload your own image there. I hope that helps.

Thanks Slobodan, for your quick response.

But it’s not quite as straightforward as that. I want to do more than change the header image, that part’s easy.

Instead, I want to change the header text and I need to go into the header.php file to do it, I know that much. But when I get there, there’s no easy way to know how to change the code to reflect my own brand logo text.

Hope that’s clear.

It would really help if you posted your site URL.

Thanks for bearing with me.

Here’s the URL:

https://thepersuadercopywriter.com/

What I want to change is “The Persuader Copywriter” at the very top. It will still say the same thing but in my brand logo and colours. Somebody helped me link my host and domain to WordPress but they can’t do much more than that unless I pay them.

So, I guess you’re trying to use an image with your logo, rather than plain text twentyeleven is showing.

If that is the case, in header.php look for this code:

<hgroup>
    <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
    <h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>

and make following change:

<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="PATH-TO-YOUR-IMAGE" alt="<?php bloginfo( 'name' ); ?>" /></a></span></h1>

Or, if your company name can remain in plain text, you just need some basic CSS rules applied to the title. For example:

#site-title a {
    font-size: 40px;
    color: #999;
}

Would make the text 40px large and grey.

Yes, I’m trying to use an image with my logo rather than plain text.

Will go and give it a whirl now. Hopefully it will work!

Thanks for taking the time!

No worries at all.

If you upload image to “images” subdirectory in your theme directory, this would be the correct path to it:

<img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/LOGO.PNG" alt="<?php bloginfo( 'name' ); ?>" />

LOGO.PNG or whatever filename is.

Thanks, it worked a treat!

But now I’ve got a problem resulting from what I just did. Have a look:

https://thepersuadercopywriter.com/

How do I remove that box with the question mark right at the top?

You shouldn’t have literally added <img src="PATH-TO-YOUR-IMAGE" alt="The Persuader Copywriter" /> just delete that line and it will be gone.

Well I say worked but what I’ve basically done is put it where the header image usually goes. There seems to be no way to edit the actual header text itself.

That part of header is now like this:

<h1 id="site-title"><span><a href="https://thepersuadercopywriter.com/" title="The Persuader Copywriter" rel="home"><img src="PATH-TO-YOUR-IMAGE" alt="The Persuader Copywriter" /></a></span></h1>

<a href="https://thepersuadercopywriter.com/">
<img src="https://thepersuadercopywriter.com/wp-content/uploads/2011/09/cropped-The-Persuader-Copywriter-subtitled.jpg" width="1000" height="288" alt="" />
</a>

Try this instead:

<h1 id="site-title"><span><a href="https://thepersuadercopywriter.com/">
<img src="https://thepersuadercopywriter.com/wp-content/uploads/2011/09/cropped-The-Persuader-Copywriter-subtitled.jpg" width="1000" height="288" alt="" />
</a></span></h1>

Thanks Slobodan. You’ve been a great help.

I’m working logically through all the tips you’ve sent me and trying not to feel too bamboozled by all the unfamiliarity.

I’ll keep plugging away it but don’t be surprised if I shout out for more help!

Please do if you get into trouble, I’ll gladly help.

Nice one! You are a star.

It now looks exactly like how I had imagined it:

https://thepersuadercopywriter.com/

Thanks ever so much. Now that I’ve got that sorted, on to the rest…

Hopefully it won’t be as hard to figure out!