Why When I Add Custom Images to My Header It Adds Padding? [Metro Pro]

[jcarlson]

I'm finding that when I add a custom logo in the theme customize panel or an image in the header widget it adds about 15px or so of extra padding to the bottom of the header. I'm using the recommended logo size too. Why is it doing this?

http://staging.briancabell.com/

[Porter]

I'm not sure of the exact area you're having issues with, but here are two things I noticed that sound like what you're describing:

.site-title a, .site-title a:hover {
background-color: #f96e5b;
color: #fff;
display: inline-block;
padding: 16px;
text-decoration: none;
}

The padding 16px is on all sides, and is what created the red background behind the current logo.

.widget {
margin-bottom: 32px;
word-wrap: break-word;
}

This adds 32px to every widget on your site. If you want to specifically alter this area, you can add:

.header-widget-area .widget {
margin-bottom: 0px;
}

The zero removes the 32px added to all widgets. If there's more to it than this, I'd have to take a deeper look.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[jcarlson]

Ok, thanks. That seems to address the padding issue I'm having.

I found this guide: http://wpsites.net/web-design/customize-header-logo-banner-images-in-metro-theme/

and it shows how to do basically exactly what I want. However the custom header code--

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

is different from what is in my Metro Pro functions.php, which is:

add_theme_support( 'custom-header', array(
'width' => 270,
'height' => 80,
'header-selector' => '.site-title a',
'header-text' => false
) );

Editing the values of this function makes the Header tab on my theme customization disappear.

Any thoughts on how I can apply this guide to my theme? (I'm assuming the cause of this is that there have been updates to the Metro Pro theme since this guide was written.

Thanks!

[Porter]

That's actually out of my skill set, but someone around here should be able to help you.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Author]

Posts