Can someone help me with the code to put an image full width in the header?

[Dianne]

I am trying to replace the title on my Focus Pro template with a customized image. But I can't figure out the code I need to do that. I'd like it to be 300 vertical by 1100 (or full-width).

Thank you!

http://wellness411center.com

[Brad Dalton]

There's 2 steps

1. Change the dimensions in the PHP code on lines 45 and 46 of functions.php

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'header_image'    => '',
	'header-selector' => '.site-title a',
	'header-text'     => false,
	'height'          => 100,
	'width'           => 320,
) );

2. Change the height in the CSS under the site header section on line 979 to match the height of your image.

.header-image .site-title a {
	float: left;
	min-height: 100px;
	width: 100%;
}

Untested but that should work.

---

Tutorials for StudioPress Themes & WooCommerce.

[Dianne]

Thank you! I had the code and then lost it when my computer crashed. Sadly, a lot of my html comes from snippets like this which I save in a file.

Dianne

[CeeInTx]

Hey, Brad!

I've been wrestling with this for a couple of days.

I followed another tutorial of yours that said do it with css OR change the php function file. I tried both, but they're not working.

I'm using the Genesis Sample theme and trying to get the header image to go all the way across and be centered over the content.

http://ecbiz200.inmotionhosting.com/~violet28/

Any ideas greatly appreciated!

[Brad Dalton]

Looks like you have this working now @CeelnTx

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts