Removing White Space around Banner

[mjlyons13 0]

This is my website: http://www.treebranchbuttons.com/. Right now, it has a test banner in place until I design the new one. Every time I go to upload an image, the image never fills the whole box. The thumbnail always has a gray striped border around it, leaving white space around the banner. I've tried altering the CSS to get rid of margins, borders, padding, but it's not working. I'm starting to think this is a wordpress setting. I want the top of my website to look like this: http://www.copperleafstudios.com/. Any help would be greatly appreciated.

[catrina 103]

I don't see a gray striped border around the header image. Are you referring to the header banner or something else?

[mjlyons13 0]

While I'm uploading it under banner page, that's where the gray stripe is. The result on my website is a white border. I want the banner to be flush with the top of the screen and the dropdown menu like the other website has.

[catrina 103]

The image is being resized by default because banners are made smaller when uploaded. I think you'll need to upload the image as a header image and then it can be adjusted from there.

[mjlyons13 0]

Thanks, it helped a little. I uploaded as a header and the resizing was better, but there's still a little white space around it. Is there anyway to override the default?

[Kate 3]

You can add this into your custom CSS: [code]#branding .content-pad{padding-top:0px;}[/code]

[mjlyons13 0]

Thanks Kate, that's exactly what I was looking for. I added that and #branding .content-pad{padding-bottom:0px;} to my custom CSS and it worked!!!