In bootstrap.css have a look at Line 6111
See what happens when you set the values to zero (0)
In bootstrap.css change to the following:
padding: 60px 0;
margin-bottom: 30px 0;
background-color: #999; /**adjust value as desired**/
Thanks for the response guys, the problem is that I don't have the bootstrap.css. I used the bootstrap sample page templates and it did not gave me that particular file.
it only produced the bootstrap-responsive.css which has no hero tags.
I apologize, I did not notice the folder that contained the bootstrap.css. Okay, the new values that you guys provied me, did some improvement but the banner shift to the left. It can be a benefit so i can add the information about the product in my slide show but how i can shft it to the center or the rigiht. Much appreciated.
You'll need to tweak the code. Try opening the page in Firefox with Web Developer Toolbar add-on. This will allow you to edit the CSS code on screen until you get what you want. When you're happy with it, copy & paste the new CSS code into your current style sheet in DW.