14 {{ upvoteCount | shortNum }}
14 {{ upvoteCount | shortNum }}

Wordpress title showing on top of header

by kerri_makemoney
12 replies
  • WEB DESIGN
    • |
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
#header #showing #title #top #wordpress
  • Profile picture of the author pjCheviot
    Banned
    Take a look here, Kerri - post #2

    http://www.warriorforum.com/website-...ess-title.html
    {{ DiscussionBoard.errors[1678639].message }}
    • Profile picture of the author 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:

      <!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
      {{ DiscussionBoard.errors[1678655].message }}
      • Profile picture of the author pjCheviot
        Banned
        Originally Posted by kerri_makemoney View Post

        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:


        <!--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
        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)
        {{ DiscussionBoard.errors[1678688].message }}
        • Profile picture of the author 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.
          {{ DiscussionBoard.errors[1678758].message }}
          • Profile picture of the author pjCheviot
            Banned
            Originally Posted by kerri_makemoney View Post

            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">
            <!--
            <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-->
            {{ DiscussionBoard.errors[1678765].message }}
            • Profile picture of the author kerri_makemoney
              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?
              {{ DiscussionBoard.errors[1678871].message }}
  • Profile picture of the author pjCheviot
    Banned
    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?
    {{ DiscussionBoard.errors[1678899].message }}
    • Profile picture of the author kerri_makemoney
      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
      {{ DiscussionBoard.errors[1679004].message }}
  • Profile picture of the author pjCheviot
    Banned
    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.
    {{ DiscussionBoard.errors[1679225].message }}
    • Profile picture of the author kerri_makemoney
      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
      {{ DiscussionBoard.errors[1679493].message }}
  • Profile picture of the author pjCheviot
    Banned
    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.
    {{ DiscussionBoard.errors[1679521].message }}
    • Profile picture of the author kerri_makemoney
      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
      {{ DiscussionBoard.errors[1679543].message }}

Trending Topics