Posted 2 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?
Ideally you should create a child theme.
look at header.php and lines 48 - 54
Posted 2 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)
the css method may be preferable, as the text is still indexable by search engines.
Posted 2 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;
}
#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.
Posted 2 years ago #
Perfect! That worked, thanks elfin and everyone else!
Posted 2 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.
Posted 2 years ago #
Why aren't you just adding the following code:
display:none;
to the #site-title a
and #site-description
Posted 2 years ago #
@wpweaver
Thanks for mentioning your child theme here.
That was right what I was looking for!
Posted 2 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?
Posted 2 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.
Posted 2 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!
Posted 2 years ago #
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="" />-->
This topic has been closed to new replies.
