WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Custom Header with logo on top (1 post)

  1. jamesg40
    Member
    Posted 1 year ago #

    Im having a really dumb problem and I know its my fault or just something Im missing. I,m working on a theme and I have built the custom header function into it and so that my client can upload his own headers, I have a logo thats hard coded in and I am using the 960 grid. The problem Im having is that I cant figure out how to introduce the img src php to the header div and then just have my logo inside that div or grid. I think my code is under the amount to not have to be pastebined so i will post the header portion here :

    <div id="header-box" class="container_24">
    
    <!-- The custom Header selectable in the dashboard under "apperances/header" -->
         <a href="<?php echo get_option('home'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt="Kazler.com - The real estate marketplace"></img></a>
    
    <!-- The custom logo "not selectable", its hard coded in the header.php right here -->
                <img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="Kazler.com - The real estate marketplace" />
    
        </div>

    and the functions php portion here:

    // Custom Backgrounds
    $args = array(
    	'default-color' => 'CDCDCD',
    	'default-image' => get_template_directory_uri() . '/images/background.jpg',
    );
    add_theme_support( 'custom-background', $args );
    
    // custom headers
    	$args = array(
    	'width'         => 1030,
    	'height'        => 153,
    	'default-image' => get_template_directory_uri() . '/images/header.png',
    	'uploads'       => true,
    );
    add_theme_support( 'custom-header', $args );
    
    	add_filter('widget_text', 'do_shortcode');

    and the styling only really coming from the grid. I have not used any negative paddings or margins simply because I dont like them and I have tried an old z-index trick I used to use but it didnt work. Anyways, I need to get that logo to sit inside that custom header, So how can i do this? I have just about beat the keys off my keyboard trying to get this and I know its something stupid like some neg paddings or position in css or something but if anyone has any suggestions, please let me know.

Topic Closed

This topic has been closed to new replies.

About this Topic