Header image is obstructed

  • jdanderson

    (@jdanderson)


    16 years, 3 months ago

    I have a custom header image (same size as kubrick header image) named kubrickheader.jpg that seems to be behind the page text element. You can see the edges of the image and the page content in front of it: http://jd-anderson.com/blog/

    This is my stylesheet:

    /*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

    [Moderated: Too much code. Please consider placing the code in a text file on your site with a link here -or- use a pastebin service such as http://wordpress.pastebin.com. Granted, in this case everyone who has WP has this theme file already… Thanks!]

    How do I bring the image to the front?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Chris_K

    (@handysolo)

    16 years, 3 months ago

    Check out Designing_Headers in the Docs section here.

    doc4

    (@doc4)

    16 years, 3 months ago

    jdanderson,

    My guess is that you are missing an ending </div> to remove the content, footer and sidebar from the header. Try adding one just before the <div id=”content”>

    Thread Starter jdanderson

    (@jdanderson)

    16 years, 3 months ago

    I don’t think </div> is missing:

    #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 if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?>
    <?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?>>
    <div id=”page”>

    <div id=”header” role=”banner”>
    <div id=”headerimg”>
    <h1>/”><?php bloginfo(‘name’); ?></h1>
    <div class=”description”><?php bloginfo(‘description’); ?>/div>
    </div>
    <hr />

    Any other suggestions?

    doc4

    (@doc4)

    16 years, 3 months ago

    jdanderson,

    Take a look at this line:

    <div class="description"><?php bloginfo('description'); ?>/div>

    You’re missing the “<” less than symbol on </div>

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Header image is obstructed’ is closed to new replies.