Adjust Padding + Size of Header – Metro Theme

[SiegerVinnareParticipant Post count: 5]

I am wondering how I can adjust the padding around the header image in the metro theme? and also increase the height of the header container. Make the height around 100px instead of 87px.

I would also like to know how to reduce the padding at the top of the header.

Any help with this is much appreciated!

Cheers,
Tyler

 

my website link: http://bit.ly/VCDQm7

[anitacModerator Post count: 2575]

For the logo – look for this in your style.css file – change 87 to 100.

.header-image #title, .header-image #title a, .header-image #title-area {
display: block;
float: left;
min-height: 87px;
overflow: hidden;
text-indent: -9999px;
}

For the top padding, look for this, and ADD this – padding-top: 1.25rem;

#wrap {
clear: both;
padding: 2.25rem;
}

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[SiegerVinnareParticipant Post count: 5]

Thanks anitac, that helped! Unfortunately it still forces me to crop my header to 87px when I upload it. The container is bigger but it just makes me crop it once I upload it. Any ideas?

 

Thanks again for your help!

[anitacModerator Post count: 2575]

Open your Functions.php file and look for this:

// Add support for custom header
add_theme_support( 'genesis-custom-header', array(
	'flex-height'	=> true,
	'height'		=> 87,
	'width'			=> 1080
) );

Change the height and width to your exact logo settings. This will eliminate the cropping.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[SiegerVinnareParticipant Post count: 5]

That worked perfectly! Thank you very much anitac. Huge help.

Cheers,

Tyler

[anitacModerator Post count: 2575]

You’re welcome. Glad I could help.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[Author]

Posts