WordPress › Support » I Need To Make "Blog Title" Invisible In Neoclassical Theme. Help!

pennyplastic
Member
Posted 3 years ago #

I've been trying to figure this out for days, and I've been messing around with the header code with no luck.

I use the Neoclassical theme, and it is set up to have the blog title and RSS feed button positioned above the header image.

However, my blog title is in my header and I've made my own RSS feed button, so I would like to remove both of these elements.

I figured out the RSS feed button, but I can't figure out the title. I would just leave it blank in the "Blog Title" area of my settings, but when I do, my blog title does not show up in Google (or, I would assume, any other) search, as shown here:

http://www.google.com/search?hl=en&q=penny+plastic&btnG=Google+Search&aq=f&oq=

I know I should be able to fix this in the code, but I don't know HTML all that well and I haven't had any luck.

Any insight would be much appreciated!

Thanks :-)
pennyplastic
Member
Posted 3 years ago #

For the time being I've just made the title white in the stylesheet, but if anyone can offer up a better solution, that would be great.

Cheers.
Chris_K
Member
Posted 3 years ago #

One option would be to add

Display: hidden;

to the proper section of your theme's stylesheet.css. I'm not real familiar with your theme, but I'd look at the "#masthead h1" section as a likely candidate.
Ben Sutcliffe
Member
Posted 3 years ago #
In your theme look at header.php (if it doesn't exist see the top bit of index.php).

You will see
```
<div id="masthead">
<div id="logo"><a href="<?php some code ?>" rel="nofollow"><?php some other code ?></a></div>
<h1><?php title code; ?></h1>
</div>
```
Delete the entire line with the <h1> tags. When you reinstate your blog title from the dashboard you should see that it's gone but shows up as the page title (in the top of Internet Explorer).
Ben Sutcliffe
Member
Posted 3 years ago #

Sorry, you actually want to delete:

<a href="<?php some code ?>" rel="nofollow"><?php some other code ?></a>

As I don't know your theme you might want to replace it with  .

Also get rid of the two <h1> tags.

pennyplastic
Member
Posted 3 years ago #

Chris,

This is what I have under "masthead" in my stylesheet:

/*---:[ #masthead styles ]:---*/

#masthead #rss_subscribe { width: 40px; height: 40px; float: right; }

	#masthead #rss_subscribe a { display: block; width: 40px; height: 40px; background: url('images/icon_rss.gif') no-repeat; text-indent: -9999px; outline: none; }

#masthead #logo { font: bold 3.2em Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; }

	#masthead #logo a, #masthead #logo a:visited { color: #FFF; }

	#masthead #logo a:hover { color: #FFF; text-decoration: none; }

#masthead h1, #masthead #tagline { font: normal 1.4em/1.42857em Verdana, serif; padding: 0; color: #FFF; text-align: left; }

I assume the display:block is for the RSS button?

bsut, I will look into the index.php code right now, I know that the code you provided is not in my header code....

Chris_K
Member
Posted 3 years ago #

From what you just pasted, change the last line to:

#masthead h1, #masthead #tagline { display: hidden; font: normal 1.4em/1.42857em Verdana, serif; padding: 0; color: #FFF; text-align: left; }

and see what happens.

When changing stylesheets, be sure to clear your browser's cache to make sure you're seeing the changes properly! (ctrl-F5 is a short cut for many browsers).

pennyplastic
Member
Posted 3 years ago #

Following is the top portion of the index.php code:

<?php $post_count = 1; ?>

<?php get_header(); ?>

	<div id="content_box">

		<div id="left_box">

			<div id="content">
<?php 		if (have_posts()) : ?>

				<div id="content_inner">
<?php
				while (have_posts()) : the_post(); ?>
<strong>
					<h2<?php if ($post_count == 1) echo(' class="top"'); ?>><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2></strong>

The portion that is bolded controls the post titles, I don't seen anything about the blog title in this section.

pennyplastic
Member
Posted 3 years ago #

Hey Chris, thanks for working with me on this.

I cleared my cache and made the changes and it's still there!

pennyplastic
Member
Posted 3 years ago #

This is my header code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

	<title><?php if (is_single() || is_page() || is_archive()) { wp_title('',true); } else { bloginfo('description'); } ?></title>

	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/custom.css" type="text/css" media="screen" />
	<!--[if lte IE 7]>
	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/ie7.css" />
	<![endif]-->
	<!--[if lte IE 6]>
	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/ie6.css" />
	<![endif]-->
	<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 class="custom">

<div id="container">
<div id="page">

	<div id="masthead">
		<div id="logo"><a href="<?php bloginfo('url'); ?>"<?php if (is_home()) echo(' rel="nofollow"'); ?>><?php bloginfo('name'); ?></a></div>
		<?php if (is_home()) { ?><h1><?php bloginfo('description'); ?></h1><?php } else { ?><div id="tagline"><?php bloginfo('description'); ?></div><?php } ?>

	</div>
	<div id="rotating_image">
<?php include (TEMPLATEPATH . '/rotating_images.php'); ?>
	</div>

Again, I don't know much about HTML, but I am guessing this code pretty much refers back to the stylesheet? I wonder why it's not changing, seems so simple.

Ben Sutcliffe
Member
Posted 3 years ago #

@pennyplastic Can you post some of what is in your header code? Anything after the <body> tag.
pennyplastic
Member
Posted 3 years ago #

Let me know if you need anything further than what I provided above.

I also tried to "push" the text off the page per Codex:

h1 {
font-size: 0;
text-indent: -1000px; }

This didn't do anything either, so obviously there's another portion of the code that needs to change...
pennyplastic
Member
Posted 3 years ago #

Off topic, but....I know there are programs you can use to "test" code as you work on it. What are some of these? I have Adobe Go Live that always tries to open when I open php files on my computer, but I always end up working on code in a text editing program.

Just curious as I'd like to be able to test design changes on my blog without my readers being subjected to all the funky stuff that is bound to show up....

Ben Sutcliffe
Member
Posted 3 years ago #

Replace

<div id="container">
<div id="page">
<div id="masthead">
<div id="logo"><a href="<?php bloginfo('url'); ?>"<?php if (is_home()) echo(' rel="nofollow"'); ?>><?php bloginfo('name'); ?></a></div>

with

<div id="container">
<div id="page">
<div id="masthead">
<div id="logo">&nbsp;</div>

That will remove the blog title text (he says).

Chris_K
Member
Posted 3 years ago #

I use the Firebug extension for Firefox. It is priceless for this sort of stuff.
pennyplastic
Member
Posted 3 years ago #

bsut,

Did this and yes, it is no longer a "hidden" link (if the cursor is up at the top it does not prompt a link). But, there is a still a space above the header, but at this point, I am happy.

It's still not showing up in Google, but, as Chris has told me before, this has something to do with waiting for it to be reindexed, right?

Thank you both!

Chris, thanks for the recommendation.
pennyplastic
Member
Posted 3 years ago #

Heh, also, "The Adventures Of Penny Plastic" is not what shows up in the browser tab, it's the address - http://www.pennyplastic.com.

Any idea why this is?
Ben Sutcliffe
Member
Posted 3 years ago #

In header.php you currently have this:

<title><?php if (is_single() || is_page() || is_archive()) { wp_title('',true); } else { bloginfo('description'); } ?></title>

If the user is looking at a post/page/archive then the post title is shown, if not the description is shown. Looking at your blog you don't have this set in the dashboard.

Now that it's not showing up, reinstate "The Adventures Of Penny Plastic" as your blog title in the dashboard. Then put

<?php wp_title('|', true, 'right'); ?>

in between the <title> tags, deleting what was already there. The '|' will appear between your blog title and the page name (ie. "Post | The Adventures...") - you might like to use "-" or ":".

Alternatively you can just delete the PHP and put "The Adventures..." in between the title tags.

It will take some time for Google to change. If you use a Sitemaps plugin you should "ping" or "rebuild" it from it's admin panel in the dashboard.
Ben Sutcliffe
Member
Posted 3 years ago #

Try removing the   - it might get rid of the gap.
figaro
Member
Posted 3 years ago #
Here is one more approach with css. In style.css, find the following:
```
#masthead #logo { font: bold 3.2em Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; }
```
to remove some of the space above the header add display:none; so it looks like this:
```
#masthead #logo { font: bold 3.2em Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; display: none; }
```
Then if you want to remove more space, find the following:
```
#container { width: 885px; margin: 0 auto; padding: 20px 0; }
```
and change the 20px to 0px

Then if you want to take even more out, find this:
```
#masthead { width: 865px; margin: 0 0 20px 0; padding: 0 10px; text-align: left; }
```
and change the 20px to 0px.

Then login to WP admin and put your blog title back in the Settings/General and that should change what you see in your browser tab.
pennyplastic
Member
Posted 3 years ago #

figaro, that totally worked.

Learning HTML is both exhilarating and incredibly frustrating. It's great to have such a helpful crowd as a resource, so I thank you all!

xo
pennyplastic
Member
Posted 3 years ago #

bsut, I also fixed my blog title using your last (easier, of course) method.

As for Google, I haven't even begun to understand how SEO works, so I will just hope for the best and leave it for another day :-)
pennyplastic
Member
Posted 3 years ago #

Actually, since we're still on this Neoclassical theme, I have one other nagging issue that's been bothering me.

The theme is set up to have a search bar at the top of the right sidebar that has a title of "Search This Site."

http://pearsonified.com/theme/neoclassical/

For some reason, the search box is showing up on my site, but not the title. Furthermore, when I tried to add it, it worked (I even managed to get aligned to the left, yay me!) but 1) the title showed up BELOW the faint dotted line, which makes it uneven with the left sidebar and 2) it was a link, to a page for my "fashion" tag.

"Recent Comments" also links to this tag if you click on it:

http://www.pennyplastic.com/tag/fashion/

Which is totally bizarre, I have no clue how that happened.

Anyhow, I would love to figure out what is going on with the search box.
Ben Sutcliffe
Member
Posted 3 years ago #

It looks great now!

Don't worry about Google, they'll come :)
Chris_K
Member
Posted 3 years ago #

... and please accept my apologies for giving the incorrect display: hidden; solution. As figaro notes, I should've been suggesting display: none;!
pennyplastic
Member
Posted 3 years ago #

Chris, no worries at all, it's all hit or miss, a learning process :-)

Plus, I am careful to save the original code just in case!
gourmetkickz
Member
Posted 2 years ago #

i am not familiar with that theme, but i think editing the php is a bit dangerous so I personally prefer to edit css.

in your stylesheet find the line of code that styles the #header.
the second set of code should define the text for the header text or "title"
once u find this, just add display: none; and then save the change.
go back to ur blog and guess what, the title displays nothing, but look in IE, still has ur blog name there for SEO!

simple easy and fast. dont mess with php unless u fully understand it.
css is a breeze and alot of things can be fixed in css without ever touching php files.

Topic Closed

This topic has been closed to new replies.

WordPress.org

Forums

I Need To Make "Blog Title" Invisible In Neoclassical Theme. Help! (27 posts)

Topic Closed

About this Topic

Tags

Code is Poetry