WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Twenty Ten header Title and description -- Remove, how? (16 posts)

  1. marvmiller
    Member
    Posted 4 years ago #

    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

  2. elfin
    Moderator
    Posted 4 years ago #

    Ideally you should create a child theme.

    look at header.php and lines 48 - 54

  3. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    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)

  4. elfin
    Moderator
    Posted 4 years ago #

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

  5. marvmiller
    Member
    Posted 4 years ago #

    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;
    }

  6. elfin
    Moderator
    Posted 4 years ago #

    #header{
      padding: 30px 0 0;
    }

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

  7. wpweaver
    Member
    Posted 4 years ago #

    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.

  8. marvmiller
    Member
    Posted 4 years ago #

    Perfect! That worked, thanks elfin and everyone else!

  9. lacklin
    Member
    Posted 4 years ago #

    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.

  10. mtnbikechk
    Member
    Posted 4 years ago #

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

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

  11. freax
    Member
    Posted 4 years ago #

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

  12. robalcar
    Member
    Posted 4 years ago #

    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?

  13. Samir Rifai
    Member
    Posted 4 years ago #

    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.

  14. Conditioned
    Member
    Posted 4 years ago #

    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!

  15. theMezz
    Member
    Posted 3 years ago #

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

  16. Gouri
    Member
    Posted 3 years ago #

    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="" />-->

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags