The default size for the Outreach Pro themes header image is 340px by 100px which you can see in the functions.php file on lines 34 & 44.
You can change these values to match your image dimensions.
add_theme_support( 'custom-header', array(
'header-selector' => '.site-title a',
'header-text' => false,
'height' => 100,
'width' => 340,
) );
You’ll also need to make 3 changes under the Site Header section in the Outreach Pro themes style.css file.
Line 1033 change the value for the min-height from 110px to match your image height.
.site-header {
background-color: #589b37;
color: #fff;
min-height: 110px;
}
Line 1050 change the value for the width from 340px to match your image width :
.title-area {
float: left;
padding: 14px 0;
width: 340px;
}
Line 1075 change the value for the min-height from 100px to match your image height :
.header-image .site-title > a {
float: left;
min-height: 100px;
width: 100%;
}
Also clear caching.
Video Instructions
Shows where to find and change the code to match your header image size.
This tutorial & video have been produced based on a request from a registered user.
Was This Tutorial Helpful?