Right now there is no class or id attached to the
<div> tag that image is inside. That is going to make styling difficult. If you feel comfortable tweaking the theme's files, you could venture making a tweak to that
<div> tag the banner image is in.
Note: BEFORE CHANGING ANYTHING ON YOUR THEME FILES MAKE A COPY OF WHATEVER FILE YOU'RE GOING TO CHANGE.
That being said, it is likely in your
index.php file. Look for the code that says:
Once you're located that code, look for the lonely
<div> tag that shows the code:
and change it to something like:
<div id="top_banner" align="center">
After doing that, you should be able to add CSS like this to do your padding magic:
That above will take care of the bottom of the banner, but not the top. That style is controlled by the
margin-bottom on the
.site-header class. To modify that, you would want to do something like this:
Adding these to the custom CSS feature of your Jetpack plugin (if you have it installed) should override the defaults and do the trick. Or if you're feeling even more adventurous, you could add those styles to the bottom of your
custom.css file that your theme is referencing.
Hope that helps :)