Title: Changing Header in Autofocus theme
Last modified: August 19, 2016

---

# Changing Header in Autofocus theme

 *  [rkoa63](https://wordpress.org/support/users/rkoa63/)
 * (@rkoa63)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/)
 * Hello all,
 * I was trying to change the header on my Autofocus template but have been having
   some problems. I tried the explanation in this post [http://wordpress.org/support/topic/275120?replies=19](http://wordpress.org/support/topic/275120?replies=19)
   step by step but I keep getting a red “X” where the new header should be.
 * I tried uploading it to my Flickr account and linking the <img src> to that URL
   as well as uploading it to the server and then linking to that folder, both to
   no avail. I have zero programming knowledge and have been trying to just follow
   the reply from Maestro_illuminist from the above link step-by-step, but I guess
   I’m just missing something.
 * Any help is appreciated.
 * Thanks!
    Mike [http://www.andierae.com](http://www.andierae.com)

Viewing 15 replies - 1 through 15 (of 30 total)

1 [2](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/page/2/?output_format=md)

 *  [Rev. Voodoo](https://wordpress.org/support/users/rvoodoo/)
 * (@rvoodoo)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1330937)
 * when following the instructions listed there,
 * put the header immage in your theme’s images folder then the url is
 * `<img src="<?php bloginfo('template_url'); ?>/images/logo.png border="0" alt="
   logo">`
 *  Thread Starter [rkoa63](https://wordpress.org/support/users/rkoa63/)
 * (@rkoa63)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1330955)
 * Woohoo, it worked! Thanks for the help.
 * One more question…Do you know how I can resize it? When I saved the file in Photoshop
   the size was 1030 x 210, but when it shows up on the page it’s only showing up
   at 400 x 82.
 * Thanks again for your reply.
 *  [Rev. Voodoo](https://wordpress.org/support/users/rvoodoo/)
 * (@rvoodoo)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1330961)
 * size is probably controlled in style.css
 * `#header {margin:55px 0 0;height:105px;text-transform:normal;width:600px;clear:
   none;float:left;`
 * Id say adjust that width/height to your needs
 *  Thread Starter [rkoa63](https://wordpress.org/support/users/rkoa63/)
 * (@rkoa63)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331003)
 * Once again, thanks for your quick responses. When I try to adjust the width and
   height in the style.css it only increases the spacing between my header and the
   Categories.
 * I even just tried uploading a larger .png file to see if that would work but 
   it still seems to be constrained to the size being shown.
 * Here is what the header portion under my style.css looks like:
 *     ```
       /* =header */
       #header {margin:10px 0 0; height:0px;text-transform:normal;width:300px;clear:none;float:left;}
       #header a:hover{text-decoration:none;color:#888;}
       #header h1 a{font-size:1.8em;font-weight:100;letter-spacing:-0.05em;position:relative;}
       #header h1 a{font-weight:100;letter-spacing:-0.05em;position:relative;}
       #header #blog-description {color:#888;}
       #access {display:table;height:40px;vertical-align:left;width:600px;float:left;}
       #access #menu {vertical-align:middle;display:table-cell;font-size:1.3em;}
       #access #menu ul {vertical-align:middle;display:block}
       #access #menu ul li ul {margin-left:1px;}
       #access #menu a{font-weight:800;}
       ```
   
 * Like I said before, I have zero knowledge of CSS so I don’t want to start changing
   things and end up worse off than I already am 😉
 * Thanks again for all your help so far.
 * -Mike
    [http://www.andierae.com](http://www.andierae.com)
 *  [ellapv](https://wordpress.org/support/users/ellapv/)
 * (@ellapv)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331317)
 * Hi, I have followed all your directions, but I still get the red cross. Can anyone
   help me with this?
 * All help is appreciated.
 * Ella
 *  [Chinmoy](https://wordpress.org/support/users/chinmoy/)
 * (@chinmoy)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331318)
 * can u give ur header.php file
 *  [ellapv](https://wordpress.org/support/users/ellapv/)
 * (@ellapv)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331319)
 *     ```
       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
       <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes() ?>>
       <head profile="http://gmpg.org/xfn/11">
       <title><?php bloginfo('name'); if ( is_404() ) : _e(' &raquo; ', 'sandbox'); _e('Not Found', 'sandbox'); elseif ( is_home() ) : _e(' &raquo; ', 'sandbox'); bloginfo('description'); else : wp_title(); endif; ?></title>
       <meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
       <meta name="description" content="<?php bloginfo('description') ?>" />
       <meta name="generator" content="WordPress <?php bloginfo('version') ?>" /><!-- Please leave for stats -->
   
       <style type="text/css" media="all"> @import url(<?php bloginfo('template_url'); ?>/css/reset.css); @import url(<?php bloginfo('template_url'); ?>/css/generic.css); </style>
       <style type="text/css" media="print"> @import url(<?php bloginfo('template_url'); ?>/css/print.css); </style>
       <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
       <link rel="alternate" type="application/rss+xml" href="<?php bloginfo('rss2_url') ?>" title="<?php echo wp_specialchars(get_bloginfo('name'), 1) ?> <?php _e('Posts RSS feed', 'sandbox'); ?>" />
       <link rel="alternate" type="application/rss+xml" href="<?php bloginfo('comments_rss2_url') ?>" title="<?php echo wp_specialchars(get_bloginfo('name'), 1) ?> <?php _e('Comments RSS feed', 'sandbox'); ?>" />
       <link rel="pingback" href="<?php bloginfo('pingback_url') ?>" />
   
       <?php wp_head() ?>
   
       </head>
   
       <body class="<?php sandbox_body_class() ?>">
   
       <div id="wrapper" class="hfeed">
   
       	<div id="header">
       		<h1 id="blog-title"><img src="<?php bloginfo('template_url'); ?>/img/logo.png border="0" alt="logo"></h1>
       		<div id="blog-description"><?php bloginfo('description') ?></div>
       	</div><!--  #header -->
   
       	<div id="access">
       		<div class="skip-link"><a href="#content" title="<?php _e('Skip navigation to the content', 'sandbox'); ?>"><?php _e('Skip to content', 'sandbox'); ?></a></div>
       		<?php sandbox_globalnav() ?>
       	</div><!-- #access -->
       ```
   
 *  [Chinmoy](https://wordpress.org/support/users/chinmoy/)
 * (@chinmoy)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331320)
 * @ellav
 * ur code is little bit incorrect. Replace the code with it
 *     ```
       <img src="<?php bloginfo('template_url'); ?>/img/logo.png" border="0" alt="logo">
       ```
   
 *  [ellapv](https://wordpress.org/support/users/ellapv/)
 * (@ellapv)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331321)
 * Thank you so much, that helped!
 *  [ellapv](https://wordpress.org/support/users/ellapv/)
 * (@ellapv)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331322)
 * When I first have you here, do you know how I link the pages in my menu to external
   pages outside the “blog-site”? I am to use the blog site as the front page of
   my website, and need to link the menu-pages to the other pages I have on my server.
 * Can you please help me?
 *  [Chinmoy](https://wordpress.org/support/users/chinmoy/)
 * (@chinmoy)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331323)
 * write normal html for external menu page. Like:
 *     ```
       <ul>
       <li><a href="http://www.movie.com">Movie</a></li>
       <li><a href="http://www.fun.com">Fun</a></li>
       </ul>
       ```
   
 *  [ellapv](https://wordpress.org/support/users/ellapv/)
 * (@ellapv)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331324)
 * Okay, but my big question is; where do I put this link? I can’t seem to find 
   the code to adjust. This is the only link I found that relates to the menu, I
   found it in my functions.php;
 *     ```
       remove_filter('get_the_excerpt', 'wp_trim_excerpt');
       add_filter('get_the_excerpt', 'the_autofocus_excerpt');
   
       // Produces a list of pages in the header without whitespace -- er, I mean negative space.
       function sandbox_globalnav() {
           echo '<div id="menu"><ul><li class="page_item"><a href="'. get_settings('home') .'/" title="'. get_bloginfo('name') .'" rel="home">Home</a></li>';
           $menu = wp_list_pages('title_li=&sort_column=menu_order&echo=0'); // Params for the page list in header.php
           echo str_replace(array("\r", "\n", "\t"), '', $menu);
           echo '<li class="page_item"><a href="'. get_bloginfo_rss('rss2_url') .'"></a></li></ul></div>';
       }
       ```
   
 *  [ellapv](https://wordpress.org/support/users/ellapv/)
 * (@ellapv)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331325)
 * Now my whole blog won’t function. I get this message when I try to load it;
    
   Parse error: syntax error, unexpected ‘>’ in /customers/krismyhre.com/krismyhre.
   com/httpd.www/blog/wp-content/themes/autofocus/functions.php on line 462
 * I haven’t changed anything on this line, and I can’t find the error. The line
   462 looks like this:
    `echo str_replace(array("\r", "\n", "\t"), '', $menu);`
 * Emergency help is needed, my whole blog is down and I can’t even leave the editor
   and the functions.php site 🙁
 * Thanks!
 *  [pwhitmire](https://wordpress.org/support/users/pwhitmire/)
 * (@pwhitmire)
 * [15 years, 9 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331332)
 * I’ve read the mentioned thread so many times and searched everywhere. I still
   can’t find any of the code mentioned in my header.php file. My files all look
   very different from those posted, but I have the AutoFocus theme.
 * Do I still just replace the
 * > <div id=”header”>
   >  <?php
   >  // action hook creating the theme header
   >  thematic_header();
   >  ?>
   >  </div><!– #header–>
 * with
 * > <div id=”header”>
   >  <h1 id=”blog-title”><img src=”<?php bloginfo(‘template_url’);?
   > >/img/logo.png border=”0″ alt=”logo”></h1> <div id=”blog-description”><?php
   > bloginfo(‘description’) ?></div> </div><!– #header –>
 * My entire header.php file looks like this:
 * > <?php
   >  // Creating the doctype
   >  thematic_create_doctype(); echo ” “; language_attributes();
   > echo “>\n”;
   >  // Creating the head profile
   >  thematic_head_profile();
   >  // Creating the doc title
   >  thematic_doctitle();
   >  // Creating the content type
   >  thematic_create_contenttype();
   >  // Creating the description
   >  thematic_show_description();
   >  // Creating the robots tags
   >  thematic_show_robots();
   >  // Creating the canonical URL
   >  thematic_canonical_url();
   >  // Loading the stylesheet
   >  thematic_create_stylesheet();
   >  // Creating the internal RSS links
   >  thematic_show_rss();
   >  // Creating the comments RSS links
   >  thematic_show_commentsrss();
   >  // Creating the pingback adress
   >  thematic_show_pingback();
   >  // Enables comment threading
   >  thematic_show_commentreply();
   >  // Calling WordPress’ header action hook
   >  wp_head();
   > ?>
   > </head>
   > <?php
   > if (apply_filters(‘thematic_show_bodyclass’,TRUE)) {
   >  // Creating the body 
   > class ?>
   > <body class=”<?php thematic_body_class() ?>”>
   > <?php }
   > // action hook for placing content before opening #wrapper
   >  thematic_before();?
   > >
   > <div id=”wrapper” class=”hfeed”>
   >  <?php
   >  // action hook for placing content above the theme header
   >  thematic_aboveheader();
   >  ?>
   >  <div id=”header”>
   >  <?php
   >  // action hook creating the theme header
   >  thematic_header();
   >  ?>
   >  </div><!– #header–>
   >  <?php
   >  // action hook for placing content below the theme header
   >  thematic_belowheader();
   >  ?>
   >  <div id=”main”>
 *  [ryanc101](https://wordpress.org/support/users/ryanc101/)
 * (@ryanc101)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/#post-1331333)
 * Hello all,
 * This is an interesting thread but as I try the various methods here to change
   my logo on my site, the only thing I seem to change in my alt tag!
 * It’s driving me a little crazy. My code is as follows:
 *  <div id=”header”>
    <h1 id=”blog-title”><img src=”<?php bloginfo(‘template_url’);?
   >/imgs/logo.png” border=”0″ alt=”logo”></h1> <div id=”blog-description”><?php
   bloginfo(‘description’) ?></div> </div><!– #header –>
 * Can anybody offer some guidance please? It would be very much appreciated!
 * Merci!

Viewing 15 replies - 1 through 15 (of 30 total)

1 [2](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/page/2/?output_format=md)

The topic ‘Changing Header in Autofocus theme’ is closed to new replies.

## Tags

 * [autofocus](https://wordpress.org/support/topic-tag/autofocus/)
 * [remove blog title](https://wordpress.org/support/topic-tag/remove-blog-title/)

 * 30 replies
 * 10 participants
 * Last reply from: [theweeklycore](https://wordpress.org/support/users/theweeklycore/)
 * Last activity: [15 years, 6 months ago](https://wordpress.org/support/topic/changing-header-in-autofocus-theme/page/2/#post-1331349)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics