Eliminating "blog name" in header? (5 posts)

  1. softball29
    Posted 7 years ago #

    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?

  2. Jeremy Clark
    Posted 7 years ago #

    Sometimes it will look like this.
    <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a>

  3. John
    Posted 7 years ago #

    Someone beat me to it

  4. softball29
    Posted 7 years ago #

    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?

  5. John
    Posted 7 years ago #

    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:

Topic Closed

This topic has been closed to new replies.

About this Topic