Template header still shows up on some pages under customized header
-
I’ve managed to customize my header (DePo Masthead) which shows up on the blog landing page. However, on other pages the original template header still shows through. How do I override the template header on ALL pages?
The blog I need help with is: (visible only to logged in users)
-
As the header on the front page no longer can be clicked to return to the front page, but the black box with your names in it can be so used on all pages to return to the front page, maybe simply removing the title and tagline will suffice. Have you tried that?
> Settings > General -
-
I don’t know if it will work or not. If it does then it’s an easy fix so do let us know what happens, okay?
-
Ah, removing the title and the tagline just made the entire header disappear from all pages. Interesting! And yet, not quite what I was going for ;) However, the CSS code I have for the landing page header is actually transparent background, and I was going to replace the image with a photograph, so maybe it will be okay. Back to the drawing board…
-
Ah, removing the title and the tagline just made the entire header disappear from all pages. Interesting!
Indeed. Keep updating us okay. :)
-
Try just making it invisible rather than removing it completely.
h1.sitename a {visibility:hidden;}This should do the trick.
lh
-
Wow, now the blog title is visible *only* on the landing page but not on any other pages–and I can’t go back to the home page by clicking on the header. FYI, this is what I have:
h1.sitename a {
visibility:hidden;
}#container h1 {
background:transparent url(‘http://greenstatefair.files.wordpress.com/2010/03/twolambs.jpg’) no-repeat scroll center;
} -
Thanks, Superstar, for that totally irrelevant spam. Sure am checking out that link now, right after I change into my clown costume and ride my unicycle around Mars.
-
-
This code should show your image and hide the original text. It includes a bit of a hack to work with some older browsers too. If it doesn’t do the job then perhaps search “css image replacement” and you’ll find a number of articles on different techniques.
h1.sitename {
padding: 208px 0 0 0;
overflow: hidden;
background-image: url('http://greenstatefair.files.wordpress.com/2010/03/twolambs.jpg');
background-repeat: no-repeat;
height: 0px !important;
height /**/:208px;
}
}It doesn’t enable the image as a link unfortunately. If you need this then it might be easier to hide the entire title and drop in your own text widget to allow for more customisation options.
lh
-
-
Hacks don’t work here at wp.com. The software strips them out.
Also, just typing “.sitename” should suffice. Typing the selector with the element name is just an overkill.
-
If all you want is to display the background image without having the text over it, I would suggest this code:
.sitename { background:transparent url('http://greenstatefair.files.wordpress.com/2010/03/twolambs.jpg') top center no-repeat; height: 208px; text-indent: -9999px; }That should do it on all the pages.
-
- The topic ‘Template header still shows up on some pages under customized header’ is closed to new replies.
WordPress.com Forums 