Outreach Theme- Need help with Header image size

[Doak Heggeness]

Do you want to add a logo in lieu of the site title and description?

---

Doak Heggeness, WordPress Development | Website

[PageH]

Yes, I want to add an image logo, just as the others in this post have done.

[Brad Dalton]

Don't think you want to use Simple hooks for this.

---

Tutorials for StudioPress Themes.

[PageH]

Ok then, ????????  Other options from other forum posts have either stretched the image to the default widget, or made me crop them to the default height, even when I change the size in the editor.

[Doak Heggeness]

PageH,

1) Uncomment out the following in the functions.php file:
/** Add support for custom header */
/* add_theme_support( 'genesis-custom-header', array(
'width' => 1060,
'height' => 120
) ); */

2) Go to Genesis/Theme Settings and change 'Header' settings to 'Image Logo.'
3)In Style.css add your image logo:

/* Image Header - Partial Width
------------------------------------------------------------ */
.header-image #title a {
background: url( 'images/my-logo.jpg' ) no-repeat;
}
4) You will need to adjust the height of your image or #header selector property 'heigh't to accommodate each other. You may also have to adjust the #title margin selector to your preference.

Hope this helps.

---

Doak Heggeness, WordPress Development | Website

[PageH]

Thank you for your response.  Forgive my neophyte-ness (if that's a word) but when you say to uncomment out, does that mean delete it?

[Brad Dalton]

@PageH

The problem i see with your logo is the height and width vales need to be changed on line 229 of your child themes style.css file:

Example:

.header-image #title-area, .header-image #title, .header-image #title a {
    display: block;
    float: left;
    height: 195px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 600px;
}

I changed these using Firebug and your logo looks fine now.

Also try chaging the values in your child themes functions.php file:

/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array(
    'width'     =>   600,
    'height'    =>   195
) );

---

Tutorials for StudioPress Themes.

[Doak Heggeness]

PageH,

You can delete it or 'uncomment' ( /* 'code' */ ) it out in case you might want to use it in the future. I have included the
uncomment ( /* ) out before the add_theme_support and ( */ ) after )); in my post. All this does is cause the block of code not to load.

---

Doak Heggeness, WordPress Development | Website

[PageH]

Doak Heggeness, I follow your uncomment description now, thank you.  I completed step one, can't find  ‘Header’ settings to ‘Image Logo’ in Genesis/Theme Settings and would love some clarification on step #4.

[Doak Heggeness]

PageH

You probably did not save your changes to the functions.php. If you 'commented out' that function the 'Header' metabox will display in Genesis/Theme settings ( 5th one down ). It will not display by default. Check you functions.php to see.
Item #4 is related to styling. Make your logo image 100px in height to fit the default header height. You maybe/will have to adjust the margin to fit logo proportionately in header. If you want a larger/smaller logo you will have to adjust the height of the header.
Also, you need to upload your image to the 'images' directory of the Outreach theme.

---

Doak Heggeness, WordPress Development | Website

[PageH]

You were correct, I didn't save my changes to functions.php.  Once I went back in and added the uncomment code, the header option showed up in the Genesis/Theme settings.

Now to tackle your sizing instructions.  Logo is still cut off.

[dreamscape]

Brad, et al.,
I implemented your changes, however Firebug shows something else is superseding the edits you had me make? With your suggested revisions, I saw a little movement (the tiled background image now is larger than before) however the image still doesn't take up the full header area, the header background is not yet black (090909) and resizing the browser window crushes the whole background image down instead of the background image staying fixed at 100%.

I combed through the few pages of the child theme and cannot isolate where the first header call is being made. If I delete the header image using the Appearance>Header interface, the header graphic disappears and reappears as one would expect.

Any ideas?

http://www.cepipelineservices.com

Matt

[Brad Dalton]

Worked perfectly for me in Firebug on your site.

Email me a copy of your child theme [email protected]

---

Tutorials for StudioPress Themes.

[dreamscape]

Brad, thank you for taking a look at this. I just sent it over.

[styzer]

I have similar issues with Outreach.

Spent hours trying a zillion ways to try and get a header going.

The theme creators should look into this. I haven't seen them intervene? It shoudln't be that difficult to place a header and center it. Going to follow this thread with great interest. My next move will be to try another theme which may not have this issue with allowing custom header changes.

Regards,

Andre

[PageH]

I agree.  I've worked with around ten of the Genesis themes (give or take a few) and have never struggled this much with a simple problem.  I would switch themes, but this is the client's choice so I need to stick with it.

I'm not a web developer or expert designer, but I also agree that they should track the forums on the themes they've developed.  It can only benefit them, and all of the users.

 

[styzer]

I sent a support ticket asking StudioPress to look into it and included a link to this thread. Maybe if enough people also send a support ticket it will grab their attention...

I suspect there is a "relative" positioning of some elements which, once titles are removed, forces the header to be left algned. But I don't know...

[Jen Baumann]

Hi everyone. I'm going to close this thread since it seems to be causing great confusion for users. If you are having problems with your Outreach custom header, please submit a support ticket at http://my.studiopress.com/help/.

[Author]

Posts