WordPress.org

Support

Support » Themes and Templates » [Resolved] Twenty Ten header Title and description — Remove, how?

[Resolved] Twenty Ten header Title and description — Remove, how?

  • How do I remove the text title and description above the image header? I tried commenting out some lines with /* and */ for these lines containing title name and description.

    In our case, the graphic header already contains what text title and description says above it. I just want the text to go bye bye.

    How?

    http://www.IADHoosiers.org

Viewing 15 replies - 1 through 15 (of 15 total)
  • Ideally you should create a child theme.

    look at header.php and lines 48 – 54

    About a quarter of the way down style.css you have:

    #site-title {
    float: left;
    margin: 0 0 18px 0;
    width: 700px;
    font-size: 30px;
    line-height: 36px;
    text-indent: -999em;
    }
    #site-title a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    }
    #site-description {
    clear: right;
    float: right;
    font-style: italic;
    margin: 14px 0 18px 0;
    width: 220px;
    text-indent: -999em;
    }

    add the bolded lines to your markup
    that moves the text off screen, but keeps it in the source code for google, etc….
    (EDIT, I keep forgetting to mention this, yes, use a child theme…. if you edit directly on the 2010 theme, you will lose edits on upgrades)

    the css method may be preferable, as the text is still indexable by search engines.

    Wow, that was quick. Many thanks.

    Now, I have a new problem — I now have this huge white space above the header image. Any way to close that gap to zero? I tried changing font size and line height below to 2 px. and margins to 0px, the situation improved somewhat but there’s still gap.

    #site-title {
    float: left;
    margin: 0 0 0px 0;
    width: 700px;
    font-size: 2px;
    line-height: 2px;
    text-indent: -999em;
    }
    #site-title a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    }
    #site-description {
    clear: right;
    float: right;
    font-style: italic;
    margin: 0px 0 0px 0;
    width: 220px;
    text-indent: -999em;
    }

    #header{
      padding: 30px 0 0;
    }

    look for and delete or set to 0 that 30px.

    If you’re wanting to do more tweaks to Twenty Ten, you could also try my new Twenty Ten Weaver child theme. You could remove the title with a single check mark in the theme admin panel. But it also lets you tweak colors, fonts, sidebars, and much much more, all without losing anything from Twenty Ten.

    I’ve submitted it to the Theme section on WordPress.org, but in the meantime, you can check it out at the Twenty Ten Weaver theme site.

    Perfect! That worked, thanks elfin and everyone else!

    I was wondering the same thing and found this thread very useful. There’s still a little extra space at the top that I could do without but it looks much cleaner.

    Why aren’t you just adding the following code:
    display:none;

    to the #site-title a
    and #site-description

    @wpweaver
    Thanks for mentioning your child theme here.
    That was right what I was looking for!

    I had the same problem and as lacklin said, there is still extra space at top, even after changing the 30px to 0. I have a custom background. Is there a way to make that come down further from top to get closer to header and fill the space more?

    I Hope this can help you:

    #header {
    	margin-top:40px;
    	padding: 0px 0 0;
    }
    #site-title {
    	float: left;
    	<strong>margin: 0 0 0px 0;</strong>
    	width: 700px;
    	font-size: 2px;
    	<strong>line-height: 0px;</strong>
    	text-indent: -999em;
    }
    #site-title a {
    	color: #000;
    	font-weight: bold;
    	text-decoration: none;
    }
    #site-description {
    	clear: right;
    	float: right;
    	font-style: italic;
    	<strong>margin: 0px 0 0px 0;</strong>
    	width: 220px;
    	text-indent: -999em;
    }

    Check the bolded text.

    Good luck.

    Im using twenty ten weaver and I can recommend that theme warmly. Both for itself and because bruce, the author, is diligent about answering questions. Great work bruce!

    theMezz

    @themezz

    Thanks, but your download link does not do anything
    http://wpweaver.info/download/

    Go to your header.php in the twenty ten template file and look for the following code:
    <img src=”<?php header_image(); ?>” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”” />

    Comment it out so that it looks like this:
    <!– <img src=”<?php header_image(); ?>” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”” />–>

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘[Resolved] Twenty Ten header Title and description — Remove, how?’ is closed to new replies.
Skip to toolbar