Wordpress title showing on top of header

01-28-2010, 05:58 AM

Hi guys,

I am just wondering how I can remove the title from showing on top of my header (my header has the website name on it). Is it possible to do this without affecting the name title of my blog?

Thanks

pjCheviot · 01-28-2010, 06:01 AM

Take a look here, Kerri - post #2

Wordpress Title?

01-28-2010, 06:10 AM

Hi, thanks for posting that link. Only problem is my code looks different from the code that is shown in that post. I tried deleting a bit of code that I thought may be it, but nothing happened.

Here is the code for my theme - header.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head profile="XFN 1.1 profile">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' |'; } ?> <?php bloginfo('name'); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<?php wp_head(); ?>
</head>
<body>

<div id="container">
<div id="header">
<h2><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h2>
<h3><?php bloginfo('description'); ?></h3>
</div>
<div id="menu">
<ul>
<li class="emphasis"><a href="<?php echo get_settings('home'); ?>">Home</a></li>
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
</div>


Do you know which part should be deleted?

Thanks

pjCheviot · 01-28-2010, 06:29 AM

Quote:

Originally Posted by kerri_makemoney

Hi, thanks for posting that link. Only problem is my code looks different from the code that is shown in that post. I tried deleting a bit of code that I thought may be it, but nothing happened.

Here is the code for my theme - header.php:


<?php wp_head(); ?>
</head>
<body>

<div id="container">

<div id="menu">
<ul>
<li class="emphasis"><a href="<?php echo get_settings('home'); ?>">Home</a></li>
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
</div>


Do you know which part should be deleted?

Thanks

Just insert the two bits of code marked in red (if you ever need to go back to the original setup - easy to take out again)

01-28-2010, 06:57 AM

Thanks for your reply. I tried this but it took away my whole header image so had to change it back to normal.

pjCheviot · 01-28-2010, 06:59 AM

Quote:

Originally Posted by kerri_makemoney

Thanks for your reply. I tried this but it took away my whole header image so had to change it back to normal.

Sorry Kerri

- try this.

<div id="container">

<div id="header">

</div>

<div id="menu">
<ul>
<li class="emphasis"><a href="<?php echo get_settings('home'); ?>">Home</a></li>
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
</div>

01-28-2010, 07:30 AM

Lol that time it did take away the title, but it cut off about half of my header. Is there maybe code in the part we tried to cut off that has something to do with the size of the header?

pjCheviot · 01-28-2010, 07:38 AM

There will be a piece of code within your style.css file for the "header" which details size and image for the header - this will need looked at. it should begin .header

Sorry - what should have been a two minute job is turning into a marathon for you.

Also - is there a "description" you wish to keep?

01-28-2010, 08:12 AM

Lol thats alright, I appreciate that your helping me out.

By description, do you mean the blog description underneath the title? I would like to get rid of that also.

Is this the code for my header size in style.css?

#header {
background: #2397E9 url(images/header.jpg) top center no-repeat;
padding: 25px 35px 75px 35px;
text-align: left;

Thanks

pjCheviot · 01-28-2010, 09:23 AM

Hi Kerri - sorry for the delay

Yes - that is the code - it is relying on the text to adjust the height of the header image (header.jpg)

You could insert a line like

height: 80px;

or adjust the "80" to suit your needs - you may need to play around a bit! I am assuming the image is just a plain background (if not, then adjusting the height too much may distort it a bit)

Again, sorry for all this -I am sure you will get there.

01-28-2010, 10:27 AM

Hi again,

Thanks for offering to do this for me, but I think it will be best if I go through the code myself so that I learn a bit about it and know exactly what is done.

So basically if I alter the code you mentioned before, then go into the next bit of code and enter in height: (number)px this should fix it?

I will give it a go

pjCheviot · 01-28-2010, 10:33 AM

Yes, see what happens and report back

Learn by trial and error - you know you aren't doing any harm by "fiddling" like this, so give it a go. And, yes, doing it yourself will show what can be done - and hopefully will help you on other occassions.

01-28-2010, 10:41 AM

The height:80px didn't seem to do anything, I even tried different numbers but nothing moved lol.

Don't worry about it, I will figure it out. Thanks for being so helpful

01-28-2010, 05:58 AM	#1
kerri_makemoney Guest Posts: n/a	Wordpress title showing on top of header Hi guys, I am just wondering how I can remove the title from showing on top of my header (my header has the website name on it). Is it possible to do this without affecting the name title of my blog? Thanks
kerri_makemoney Guest Posts: n/a

01-28-2010, 06:01 AM	#2
pjCheviot Don't Just Sit There! Join Date: Jan 2009 Location: NE UK Posts: 748 Thanks: 498 Thanked 231 Times in 208 Posts Social Networking	Re: Wordpress title showing on top of header Take a look here, Kerri - post #2 Wordpress Title?
	"I started out with nothing and I've still got most of it left!" Fellow Warrior KimW needs our help

01-28-2010, 06:10 AM	#3
kerri_makemoney Guest Posts: n/a	Re: Wordpress title showing on top of header Hi, thanks for posting that link. Only problem is my code looks different from the code that is shown in that post. I tried deleting a bit of code that I thought may be it, but nothing happened. Here is the code for my theme - header.php: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="XHTML namespace"> <head profile="XFN 1.1 profile"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' \|'; } ?> <?php bloginfo('name'); ?></title> <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats --> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <!--we need this for plugins--> <?php wp_head(); ?> </head> <body> <div id="container"> <div id="header"> <h2><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h2> <h3><?php bloginfo('description'); ?></h3> </div> <div id="menu"> <ul> <li class="emphasis"><a href="<?php echo get_settings('home'); ?>">Home</a></li> <?php wp_list_pages('title_li=&depth=1'); ?> </ul> </div> <!--header.php end--> Do you know which part should be deleted? Thanks
kerri_makemoney Guest Posts: n/a

01-28-2010, 06:57 AM	#5
kerri_makemoney Guest Posts: n/a	Re: Wordpress title showing on top of header Thanks for your reply. I tried this but it took away my whole header image so had to change it back to normal.
kerri_makemoney Guest Posts: n/a

01-28-2010, 07:30 AM	#7
kerri_makemoney Guest Posts: n/a	Re: Wordpress title showing on top of header Lol that time it did take away the title, but it cut off about half of my header. Is there maybe code in the part we tried to cut off that has something to do with the size of the header?
kerri_makemoney Guest Posts: n/a

01-28-2010, 07:38 AM	#8
pjCheviot Don't Just Sit There! Join Date: Jan 2009 Location: NE UK Posts: 748 Thanks: 498 Thanked 231 Times in 208 Posts Social Networking	Re: Wordpress title showing on top of header There will be a piece of code within your style.css file for the "header" which details size and image for the header - this will need looked at. it should begin .header Sorry - what should have been a two minute job is turning into a marathon for you. Also - is there a "description" you wish to keep?
	"I started out with nothing and I've still got most of it left!" Fellow Warrior KimW needs our help

01-28-2010, 08:12 AM	#9
kerri_makemoney Guest Posts: n/a	Re: Wordpress title showing on top of header Lol thats alright, I appreciate that your helping me out. By description, do you mean the blog description underneath the title? I would like to get rid of that also. Is this the code for my header size in style.css? #header { background: #2397E9 url(images/header.jpg) top center no-repeat; padding: 25px 35px 75px 35px; text-align: left; Thanks
kerri_makemoney Guest Posts: n/a

01-28-2010, 09:23 AM	#10
pjCheviot Don't Just Sit There! Join Date: Jan 2009 Location: NE UK Posts: 748 Thanks: 498 Thanked 231 Times in 208 Posts Social Networking	Re: Wordpress title showing on top of header Hi Kerri - sorry for the delay Yes - that is the code - it is relying on the text to adjust the height of the header image (header.jpg) You could insert a line like height: 80px; or adjust the "80" to suit your needs - you may need to play around a bit! I am assuming the image is just a plain background (if not, then adjusting the height too much may distort it a bit) Again, sorry for all this -I am sure you will get there.
	"I started out with nothing and I've still got most of it left!" Fellow Warrior KimW needs our help

01-28-2010, 10:27 AM	#11
kerri_makemoney Guest Posts: n/a	Re: Wordpress title showing on top of header Hi again, Thanks for offering to do this for me, but I think it will be best if I go through the code myself so that I learn a bit about it and know exactly what is done. So basically if I alter the code you mentioned before, then go into the next bit of code and enter in height: (number)px this should fix it? I will give it a go
kerri_makemoney Guest Posts: n/a

01-28-2010, 10:33 AM	#12
pjCheviot Don't Just Sit There! Join Date: Jan 2009 Location: NE UK Posts: 748 Thanks: 498 Thanked 231 Times in 208 Posts Social Networking	Re: Wordpress title showing on top of header Yes, see what happens and report back Learn by trial and error - you know you aren't doing any harm by "fiddling" like this, so give it a go. And, yes, doing it yourself will show what can be done - and hopefully will help you on other occassions.
	"I started out with nothing and I've still got most of it left!" Fellow Warrior KimW needs our help

01-28-2010, 10:41 AM	#13
kerri_makemoney Guest Posts: n/a	Re: Wordpress title showing on top of header The height:80px didn't seem to do anything, I even tried different numbers but nothing moved lol. Don't worry about it, I will figure it out. Thanks for being so helpful
kerri_makemoney Guest Posts: n/a