Beautiful theme: how to move "banner" (ie. background image)

[shrill2]

I would like to have the "banner" at the top, as done in this showcase:
http://www.studiopress.com/wp-content/uploads/cindy-mac.jpg

Is it possible to do this with the "banner" as it stands using CSS, or do I need to do it another way?

Thanks!

[Tom]

(I'm assuming you're using Beautiful Pro.)

The header position is set the theme file functions.php, using the genesis_after_header hook in this code at line 105:

//* Hook site header banner after header
add_action( 'genesis_after_header', 'beautiful_site_header_banner' );
function beautiful_site_header_banner() {

	if ( ! get_background_image() )
		return;

	echo '<div class="site-header-banner"></div>';

}

Change the text genesis_after_headerto genesis_before_header to reposition the banner image.

If desired, you can change the height of the banner image by adjusting the height value in this code in your child theme stylesheet at line 869:

.beautiful .site-header-banner {
	height: 200px;
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts