Can't Locate Header Height To Change It

I want to reduce the height size allocated for the header image (shown in grey below the header image).

Hmm, I’m kinda confused. The part in gray below the header image seems to be the page title, not the image. Is that what you want reduced, the gray area? You don’t need to locate the file, just add your own overriding Custom CSS.

Thanks for responding so fast CrouchingBruin. My mistake then. I thought it was part of the header. Not knowing very much about WP yet where would I go to study up on configguring the body?

If you don’t understand how CSS works, you should read through a tutorial. Probably 90% of the customizations that you want to do can be done by adding your own custom CSS. For example, to adjust the gray bar that contains the page title, you can add a rule like this to your child theme’s style.css file:

.content-headline h1 {
   padding: 30px 0;
}

The first value for the padding property sets 30px of internal spacing at the top & bottom of the entry title. You can change that value to either reduce or enlarge that spacing.

By the way, your child theme’s style.css file is missing the slash character (/) at the very end of the comment, so you’ll want to add it before you add your own custom CSS.

You will also want to learn how to use a web debugging tool like Firebug or Chrome Developer Tools, so you can see what CSS rules are in effect for a particular web element.

Thanks for the tips. At least I have a starting point now instead of floundering around.