WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Header Trouble - Space above Title (8 posts)

  1. Harvey
    Member
    Posted 7 years ago #

    Hello everyone,

    I'm battling the header in a new WP installation.

    I did not want the title of the blog to appear as I had it set in 'General Options' in the WordPress admin panel, so I went into the header.php for my theme and added my own <title> tag.

    However, I still get a strange space above my site where the wordpress provided title used to be. You can see what I mean here...

    http://www.tarvey.com

    The code from my header is below. Any help appreciated!

    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> 
    
    <!-- <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title> -->
    
    <title>Tarvey.com - Great gadgets from around the world</title>
  2. projectego
    Member
    Posted 7 years ago #

    Just out of curiosity, why don't you just add your custom blog title (Tarvey.com - Great gadgets from around the world) under the blog name field under the WordPress options? Doing so this way will probably say you alot of time and headaches.

  3. Harvey
    Member
    Posted 7 years ago #

    The issue is, if I have it like that (you can see it now), the name is displayed in text over the top of the website. I would rather this not be shown.

    Can I remove or comment out the code that is displaying this? Where is it located within the theme?

    Help appreciated!

  4. themystical
    Member
    Posted 7 years ago #

    When you comment like this <!-- <?php rest of the code ?> --> the <?php ?> is still parsed, so either you remove it or you break it like so < ? php rest of the code ? >
    But the easier way to hide the title is simply by adding display:none; to the css, in your case:

    #header_title{
    	color:#ffffff;
           display:none;
    	font-size:31px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	padding-top:30px;
    	padding-left:25px;
    }
  5. Harvey
    Member
    Posted 7 years ago #

    Thanks for that themystical! One follow up question.

    Now the strange mark is gone, however the large gap of nothingness is still at the top. Is there anyway I could remove this gap so that the title image of my page is more to the top of the screen?

    I tried fiddling with padding-top:30px in the CSS, but it doesn't seem to affect anything. That was just a guess though... I don't really know what I'm doing!

    Thanks again~

  6. whooami
    Member
    Posted 7 years ago #

    #header_top{
    	width:100%;
    	height:104px;
    }

    adjust that.

  7. themystical
    Member
    Posted 7 years ago #

    To completely remove the top part...:

    1. header.php line 29 remove or comment out
    <div id="header_top"> and don't forget the closing tag
    at line 33 </div>

    2. style.css adjust the height in #header from 298px to 194px. you can also remove #header_top since is not used anymore.

  8. Harvey
    Member
    Posted 7 years ago #

    Awesome... Thanks everyone!

    Wow I so do not know CSS...

Topic Closed

This topic has been closed to new replies.

About this Topic