How to add transparent gif (my logo) to header

Agnes it’s pattie at beaglerescueleague dot org

Please keep discussions on the forum.

Sorry Esmi – responded w/my email by request.

Understood but it may help others in future if the discussion took place on the forum rather than in email.

Could someone please help me? I’m stuck…

Where are you stuck?

I’m not sure of the proper html code I need to enter to put my own image in the header of the main web page.

You need to create a 1000px by 200px image called header.jpg. Then FTP into your site (or use whatever file management application your host provides) and upload the image file to the /wp-content/themes/soho-serenity/images folder. And that’s it!

Remember to press CTRL and F5 simultaneously when viewing the updated site. Or try emptying your browser cache. This should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

Also disable/deactivate any caching plugin(s).

I should have been clearer- I want to add my logo to the existing header directly under the text. Sorry.

You will need to edit your theme’s header.php template file and add the image markup to the <div class="header">...</div> block just after:

<div class="description"><?php bloginfo('description');?></div>`

Esmi, sorry – I’m really clueless here.
if my logo is named beagle header, are you saying I’m changing the “description” to “beagle header”?
I thought it was a lot more complicated…

Or wait – should I be adding the full URL for that image where “description” is?

Never mind – I got what you’re saying but in my own header, there is no div class= (etc) string.

esmi,
Can you pls take a look at the header I changed and advise if you know how I can lower it???

You could increase the height in:

.header .description {
    background-image: url("https://www.beaglerescueleague.org/wp-content/uploads/2010/12/transbgl.gif");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #000000;
    font-size: 1.4em;
    font-weight: bold;
    height: 169px;
    padding-top: 0;
    text-align: center;
}

But, personally, I think you’d be better changing background-position: center bottom; to background-position: left top;.

Esmi I did change it as you suggested – too close to the “bumper” on the left for my liking but I’m happy that at least I can read my text.
I’ll keep playing w/it.