I've found a solution yet, although it's not the best way... I'm using Ian's code to turn blog title into a linked banner; none solution from several threads here worked fine... The only way to do this was using display:none (what is unrecommended because of SEO). My steps:
Using before:
#header {
z-index:2;
background:url(library/images/myheaderback.png) no-repeat center top
}
#blog-title a {
color:#000;
text-decoration:none;
/* to hide */
display:block;
text-indent:-9000px;
height: 240px;
width: 560px;
}
and
#blog-description {
color:#666;
font-size:13px;
font-style:italic;
/* to hide */
position:absolute;
left:-9000px;
}
But when i use any code to put a widget area at header it pulls the banner down, creating a blank area. The only solution was change to:
#blog-title a {
display:none;
}
The code in functions.php is this:
// This will create your widget area
function my_widgets_init() {
register_sidebar(array(
'name' => 'Header Aside',
'id' => 'header-aside',
'before_widget' => '<li id="%1$s" class="widgetcontainer %2$s">',
'after_widget' => "",
'before_title' => "<h3 class=\"widgettitle\">",
'after_title' => "</h3>\n",
));
}
add_action( 'init', 'my_widgets_init' );
// adding the widget area to your child theme
function my_header_widgets() {
if ( function_exists('dynamic_sidebar') && is_sidebar_active('header-aside') ) {
echo '<div id="header-aside" class="aside">'. "\n" . '<ul class="xoxo">' . "\n";
dynamic_sidebar('header-aside');
echo '' . "\n" . '</div><!-- #header-aside .aside -->'. "\n";
echo "\n" . '</div><!-- #header-box -->'. "\n";
}
}
add_action('thematic_header', 'my_header_widgets',2);
function remove_branding() {
remove_action('thematic_header','thematic_brandingopen',1);
}
add_action('init', 'remove_branding');
function my_brandingopen() { ?>
<div id="header_box">
<div id="branding">
<?php }
add_action('thematic_header','my_brandingopen',1);
