changing picture and size in header

  • I have been trying to figure this out for a while with no avail:( I’m trying to change my header picture and size. I have a customer header template, but when I load it up, it goes to a very large size and I don’t know how to change it!! Here is the code I’m seeing. Not sure what to do:( please help!!!

    <?php $uploads = wp_upload_dir(); $dirname = $uploads[‘basedir’] . ‘/alkivia’; $dir_url = $uploads[‘baseurl’] . ‘/alkivia’; $header_image = ( file_exists($dirname . ‘/theme_head.jpg’) ) ? true : false; if ( $header_image ) { $info = getimagesize($dirname . ‘/theme_head.jpg’); echo ” <style type=’text/css’> #header { background: url(‘{$dir_url}/theme_head.jpg’); height: {$info[1]}px; } </style> “; } wp_head(); ?> <title><?php bloginfo(‘name’); if ( is_home() ) { echo ‘ | ‘; bloginfo(‘description’); } wp_title(); ?></title></head><body><div id=”template”> <div id=”header” onclick=”location.href='<?php bloginfo(‘url’); ?>’;” style=”cursor: pointer;”> <?php $head_text = ‘<div id=”head-title”>’ . get_bloginfo(‘name’) . ‘</div><div id=”head-description”>’ . get_bloginfo(‘description’) . ‘</div>’; if ( $header_image ) { if ( $cham_settings[‘back_image’] ) { $head_text = ”; } } echo apply_filters(‘chameleon_header’, $head_text); ?> </div> <div id=”menu”> <?php echo apply_filters(‘chameleon_menubar’, cham_menubar()); ?> </div><div id=”content”>

Viewing 1 replies (of 1 total)

  • In your CSS file you should be able to find a section of code starting with #header or .header – link to the new background image and specify the new dimensions here.

    .header{

background-image: url(../images/theme_head.jpg);

background-position: center center;

width: 960px;

height: 130px;

}

    If your image is showing up too large double check and make sure the image is 72 dpi. If there aren’t dimensions specified in the above code try adding them.

    I hope this helps!

Viewing 1 replies (of 1 total)
  • The topic ‘changing picture and size in header’ is closed to new replies.

Tags