Adjust Padding + Size of Header – Metro Theme

[SiegerVinnare]

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

[Anita]

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;
}

---

Love coffee, chocolate and my Bella!

[SiegerVinnare]

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!

[Anita]

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.

---

Love coffee, chocolate and my Bella!

[SiegerVinnare]

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

Cheers,

Tyler

[Anita]

You're welcome. Glad I could help.

---

Love coffee, chocolate and my Bella!

[circles6]

Hi Anita, is there a way to increase the padding of the content in the widget areas similar to the method of reducing the padding on the header like you described in this thread?  I am using the Metro theme and the featured stories sections (per the nomencaltre of the theme demo) have no padding at the bottom of the widget areas so the widget areas are stacked closely.  Here is a link to the test site for you to see...

http://circles6.com/clientportal/ckrost2

FYI, I have also posted this on another thread so forgive me for the redundancy.  Thanks in advance!!

[Author]

Posts