Experimenting with Vesuvius before I ditch my current template -- and without messing overly with the index file :) .
I'd like to use an image instead of the text header ... using the techniques outlined here http://www.tamba2.org.uk/wordpress/graphicalcss/header/index.html
I have my image placed where I'd like it, but I cannot figure out how to hide the text link for the blog title.
Using the -500em technique won't seem to work with V template. That is: #header a {
display:block;
height:100%;
text-indent:-500em;
text-decoration:none;
}
Header link still shows up! Anyone with ideas? Or that has successfully done this with their V template?
(latest experiment at http://www.sportfolio.sportsintel.net/wp-layoutv.css -- be warned, it changes virtually by the minute as I trial and error.)
Header Image in Vesuvius Template (13 posts)
-
Keely
Posted 7 years ago # -
Well, I can see the "text link" (if you refer at "Word Press" behind your image!) only for a second before the image loads up/in.
To delete it you have to go to the index.php and find the line
<h1 id="header">
Modify, delete... whatever. -
Posted 7 years ago #grrr, I'm an idiot. Gave wrong clicky to look at experiment.
http://www.sportfolio.sportsintel.net/indexv.php
I can alter the index, but I thought for nav reasons, that wasn't as good a solution? -
Delete the text and put there the img instead.
-
Mark (podz)
Posted 7 years ago #h1 {
margin: 0;
padding: 20px;
display:none;
}
that takes it away .... but the main image isn't clickable. Have you done everything else suggested in the tutorial thing ? -
Posted 7 years ago #wooohoo! worked perfectly, Podz, thanks. Seems so obvious in hindsight.
-
Posted 7 years ago #display: none;makes the header image not clickable (both FF and IE)
other parts I did from tutorial, was Header tutorial #4 (seen in Masthead div). Other changes I made to default Ves template was coloring changes/font weights, etc. Biggest change was#outer_rap {
width: 82%;
Maybe that was wrong, but improved display on IE and FF nicely. -
Posted 7 years ago #Can you put it back for a few ? (the title)
-
Posted 7 years ago #Try changing this:
#masthead {
Into this
#header { -
Posted 7 years ago #Make #header
height: 126px; -
Posted 7 years ago #changed
#mastheadto#headerand
h1 {to
margin: 0;
padding: 20px;
display:none;
}text-align: left;and no blog title plus image is clickable now.
Seems perfect. :) -
Posted 7 years ago #to clarify (in case someone else has prob some day) .. changed h1 to
h1 {
margin: 0;
padding: 20px;
text-align: left;
}
and added the 126px height to #header -
Root
Posted 7 years ago #The reason Vesuvius does not use header is that id is already in use as the id for the h1. This facilitates the fitting of header graphics independently of the positioning or size of the h1 header. Still it now seems to be working well. podz is a wiz at the disappearing h1 trick. Thanks guys.
Topic Closed
This topic has been closed to new replies.
