IsaraAlright, I have looked at every tutorial, followed every instruction I can find, and I am certain I am missing something simple somewhere, but my header absolutely refuses to be clickable.
Here's the blog I'm trying to edit: opensource
Can anyone help me pinpoint where I'm going wrong? I'm using the default Kubrick template, and in the last attempt, I changed the Header.php code to look like so:
<extra stuff>
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<style type="text/css" media="screen">
<?php
// Checks to see whether it needs a sidebar or not
if ( !empty($withcomments) && !is_single() ) {
?>
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>
</style>
<?php wp_head(); ?>
</head>
<body>
<div id="page">
<div id="header">
<div id="headerimg" onclick="location.href='http://magnes.org/';" style="cursor: pointer;" title="Magnes home"></div>
</div>
</div>
<hr />I had mucked around with the style.css file as well, to get rid of the title and description texts. That looks like this:
/* Begin Typography & Colors */
#page {
background-color: white;
border: 1px solid #959596;
text-align: left;
}
#header {
background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
}
#headerimg {
margin: 7px 9px 0;
height: 192px;
width: 740px;
}
*******
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}
h1 {
font-size: 4em;
text-align: center;
display: none;
}
#headerimg .description {
font-size: 1.2em;
text-align: center;
display: none;
}
*****
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}
*****
/* Begin Structure */
body {
margin: 0 0 20px 0;
padding: 0;
}
#page {
background-color: white;
margin: 20px auto;
padding: 0;
width: 760px;
border: 1px solid #959596;
}
#header {
background-color: #73a0c5;
margin: 0 0 0 1px;
padding: 0;
height: 200px;
width: 758px;
}
#headerimg {
margin: 0;
height: 200px;
width: 100%;
}
*****
/* Begin Headers */
h1 {
padding-top: 70px;
margin: 0;
}apologies for any extraneous code. I'm new to CSS and don't know PHP at all. Just tried to grab anything which might be relevant.
thanks in advance.
