Support » Themes and Templates » Eliminating “blog name” in header?

  • I have a question. Can’t seem to figure out what to do with this.

    On the header, there’s the thing in the upper left corner that has the blog name and links back etc.

    I know that I can make it disappear by going to the options and getting rid of the “Weblog title.” However, if you do that, then the feed name and all seems to get wacky or what it shows when you go to the page (in a tab or top of the browser).

    I just want to make it disappear without losing that part of things. I went in the header.php file and can’t figure out what I need to take out.

    Anyone help by chance?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Sometimes it will look like this.
    <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a>

    Someone beat me to it

    The “echo” part I found in one part of the header.php file:

    <div id=”menu”>

      <li <?php if(is_home()){echo ‘class=”current_page_item”‘;}?>>” title=”Home”>Home
      <?php wp_list_pages(‘title_li=&depth=1’);?>

    <div id=”header”>
    <h1>” title=”<?php bloginfo(‘name’); ?>”><?php bloginfo(‘name’); ?></h1>
    <h2><?php bloginfo(‘description’);?></h2>

    When I tried to take things out, seemed to stay the same. Is there only one part of this I have to take out to make it happen?

    This is the blog name at the top of the page:

    <h1>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></h1>

    And this is the tagline:

    <h2><?php bloginfo('description');?></h2>

    If you don’t want these displayed you can delete them. But before you do. How are people going to know what blog or site they are on? If you are using a graphic image with the title in it then use the image replacement technique.

    Image replacement works like this: You leave the <h1> tag in place and place the following CSS in your style.css:

    div#header{ background: url(path/image.jpg) no-repeat;
                width: 800px;
                height: 100px;}
    #header h1  { text-indent: -9999px; }

    Naturally you’ll need to adapt the width and height to the actual size of your image.
    By text-indenting the <h1> with -9999 pixels it disappears off the left of the page. But will still be there when your CSS file fails and for visually impaired people who use a screen reader. (since screen readers can’t read text in images)

    I’ve explained this technique and another one in this post:

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Eliminating “blog name” in header?’ is closed to new replies.