rasewellI'm using a theme called UNTHEME which was created to be a starting point for putting your own design touches on it. The theme does not have an image for the header (just uses the title and subtitle text from WP), and uses the following code:
Style.css contains:
/***********************
* Header *
***********************/
#headerimg .description {
font-size: 1.2em;
text-align: left;
}
#header {
background-color: #666;
margin: 0;
padding: 10px;
height: 80px;
width: 940px;
}header.php
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<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'); ?>" />
<!--[if lte IE 6]>
<link rel="stylesheet"
href="<?php bloginfo('template_directory'); ?>/ie6sucks.css"
type="text/css" />
<![endif]-->
<?php wp_head(); ?>
</head>
<body>
<div id="page">
<div id="header">
<div id="headerimg">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
</div>
</div>Try as I might, I can't seem to get an image to work as the header. I've got it uploaded live in the theme's image folder and the other images are working fine. I'm new to CSS and WP, so my attempts at cutting and pasting for positive results are now worn out. I also tried the WP faq page on how to do this, but the code it says should be in the header.php is actually in the style.css, and uses some different looking code where the image would go.
like this, as above:
#headerimg .description {
font-size: 1.2em;
text-align: left;
}instead of this as on faq page:
#header {
background: url("<?php bloginfo('stylesheet_directory'); ?>/images/wc_header.jpg")
no-repeat bottom center; }
#headerimg {
margin: 7px 9px 0;
height: 192px;
width: 740px; }Any direction on how to add an image instead of the WP title and subtitles would be greatly appreciated.
Thanks for your time.
Paul
martzee05