Insert Logo in Agency Header

[HectorParticipant Post count: 6]

This is driving me crazy. I’m wanting to put my logo in the header of the Agency theme.  All the tutorials I’ve read and seen videos of show in the Genesis theme settings having a section named “Header Settings”.  Right underneath the Header Settings it says “Use for blog title/logo:” and then you have the choice of Dynamic Text or Imago Logo.

I don’t have these header settings at all showing in the Genesis Theme Settings. From what I’ve seen on all these tutorials the Header Settings should be between the Default Layout and the Navigation Settings.

Can someone lead me in the right direction? I’ve just installed this today and wondering if the “Header Settings” are no longer listed in the Genesis Theme Settings.

 

 

• This topic was modified 5 months ago by  Hector.

• This topic was modified 5 months ago by  Hector.

[Jen BaumannKeymaster Post count: 271]

The Agency Theme uses the custom header function located under Appearance > Header.

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[anthonylevchenkoParticipant Post count: 1]

I’m having the exact problem and I’m going insane.

It’s not the header I’m trying to change, I want to upload my logo image instead of the text. I don’t have any options for a logo image and I have none of the options the tutorials show.

In addition to this I cannot embed anything, from audio files to youtube videos, I’ve used other wordpress themes and this stuff is quite simple but it’s just not happening with studiopress. Any help would be great, thanks.

 

[gregraymerParticipant Post count: 1]

I’m having the same problem. I need to upload the image that’s going in my header but can’t find where to upload it. Can someone please advise?

[eddie1aParticipant Post count: 1]

Hi, I’m new here and also to WP, but maybe I can help out. Do you see the following confiuration form under the Appearance -> Header menu: http://screencast.com/t/iGiQ3OU3tWE ? It says there that the logo image has to be 960×115 pixels. So you can put your logo on a transparent or filled background of that size and upload it.

[Jen BaumannKeymaster Post count: 271]

Eddie is correct, you can upload under Appearance > Header and you can put it on a transparent or filled background of 960×115.

Anthony, as far as embeds, those are handled by WordPress, not Genesis.

If you want to disable the custom header function, remove this line from functions.php:

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

This will restore an option under Genesis > Theme Settings for Dynamic Text or Image Logo. But, you have to add some css to make that happen. So in your style.css file, you’ll need to add (at minimum) the following:

.header-image #title-area {
  background: url(images/logo.png) no-repeat center top;
  background-size: contain;
}

Then around line 1654, change the css to include .header-image #title-area here:

body, .archive-page, .content-sidebar #content, .content-sidebar-sidebar #content, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .full-width-content #content, .header-image #title-area, .home-left, .home-middle, .home-right, .sidebar, .sidebar-content #content, .sidebar-content-sidebar #content, .sidebar-sidebar-content #content, #content-sidebar-wrap, #footer .creds, #footer .gototop, #footer-widgets .wrap, #header .widget-area, #sidebar-alt, #title-area, #wrap {
  width: 100%;
}

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[algiskParticipant Post count: 4]

I’ve changed the header dimensions in functions.php to 960 x 250:


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

but the appearance –> header choice still says 960 x 115 and crops to those dimensions. I also changed the css to the following:

.header-image #title-area,
.header-image #title,
.header-image #title a {
display: block;
float: left;
/*height: 115px;*/
height:250px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 200px;
}

Is there another place where the php has to be changed also?

Thanks!

[Jen BaumannKeymaster Post count: 271]

You’ll also need to change this:

#header {
  margin: 0 auto;
  min-height: 115px;
  overflow: hidden;
  text-shadow: 1px 1px #000000;
  width: 100%;
}

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[tavismeParticipant Post count: 34]

I am having the same problem.  I would like to add a logo to the header left.  The right of the header has a menu. The demo site shows a title in this area, I would like to replace it with a logo.  I have watched a few other instructional demos that shows how they simply uploaded an image in the HEADER; however, when I try to do this, the image does not fit correctly.  What size logo image do I need? What else am I doing wrong.  I am not looking to replace the entire header.  Thanks

 

[Jen BaumannKeymaster Post count: 271]

The default height and width are in this css:

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

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[tavismeParticipant Post count: 34]

Thanks for your reply.

I did see that, so I had tried to resize the logo and uploaded the image; however, it is populating the entire header rather than the left corner.

[Jen BaumannKeymaster Post count: 271]

Did you do the steps above: http://www.studiopress.com/forums/topic/insert-logo-in-agency-header/#post-11426. It’s always helpful to see a url too.

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[Author]

Posts