Wordpress help!

I have downloaded a theme for my blog from the following website:

http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/

I then changed things around abit and tried to add a new logo as you can see on http://total-watches.com but it hasnt worked and only the top shows below the text. How do i resolve this?

thanks!

 

hmm.. i think you created a circle something like that... check the files of the header , which you have edited and see the Script code.... according to the space you need at the header

 

I have now got the logo up however i now dont want the title as well. If i get rid of the title, the logo goes and i have to have soo many '.....' because the logo will stop at the point the text of the title stops. If that makes an sense!

So im stuck! HELP!

 

Okay, you ready?

In your header template find this section:

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

Code (markup):

That is where you are getting your unwanted title.

Now you have a few options, first you could simply delete it and place your image there directly, but if there is a better way if you want to get into css...I'll show you.

First find the header section of your stylesheet, I see you set your logo by making it the background of your h1 tag, let's fix that first.

Here's what you have:

/*	Headers */

h1 {

	text-indent:0px;
        background: url(images/total_watches_logo.jpg) no-repeat;
        width: 650;
        height: 145;

	}

Code (markup):

Now change it to this:

#header {
	width: 650;
	height: 145px;
	background:url(images/total_watches_logo.jpg) no-repeat;
	}

#header h1, h2{
	visibility: hidden;}

Code (markup):

Now go back to your header template and change (from the first part, see top of post) to:

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

Code (markup):

That should take care of your problem, you may have to play with a bit (I may have missed something), but you'll figure it out.

What this will do (as oppose to just deleting the description and adding your image) is:

1) Give you the same effect, image with no description
2) Still place your h1 title, and h2 description (for you to place keywords) in the sourcecode, but hide it from being visible to people overtop your image
3) make your image the background for the HEADER as oppose to just the H1 tag, that's why you had to add all the ..... is because your image was only set as the background for h1.

 

Brilliant! Thanks for that! The only changed i needed to make was the only make h1 hidden then remove the border from h2.

Thanks for the help, much appreciated!