Black line across Bootstrap image on homepage

Here is the css for the Carousel slider. What do I need to add to the custom css to remove that dark black bar? Thanks!

/* Carousel */

#carousel-nav {position:absolute;left:50%;margin-left:-40px;bottom:4px;
background-color:#e6e6e6!important;
background-image: url(“library/media/images/trans.png”) !important;
background-position: 0 -17px !important;
background-repeat: repeat-x !important;
border: 1px solid #C7C0C7 !important;
color: #5E5E5E !important;
padding:4px 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
box-shadow:0 0 1px rgba(255,255,255,0.9)inset ,0 0 6px rgba(0,0,0,0.2)inset,0 -1px 2px rgba(0,0,0,0.3);
-box-shadow:0 0 1px rgba(255,255,255,0.9)inset ,0 0 6px rgba(0,0,0,0.2)inset,0 -1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0 1px rgba(255,255,255,0.9)inset ,0 0 6px rgba(0,0,0,0.2)inset,0 -1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:0 0 1px rgba(255,255,255,0.9)inset ,0 0 6px rgba(0,0,0,0.2)inset,0 -1px 2px rgba(0,0,0,0.3);
}

#carousel-nav a {
margin:0px;
display: inline-block;
width: 11px;
height: 11px;
line-height:11px;
background: url(“library/media/images/slide-buttons.png”) -15px 0px no-repeat;
text-indent:-9999px;
outline:none;
}
#carousel-nav a.active {
background: url(“library/media/images/slide-buttons.png”) 0px 0px no-repeat;
}

.carousel-control img {top:50%;position:absolute;margin-top:-20px!important;}
.left.carousel-control img {left:15%;}
.right.carousel-control img {right:15%;}
.carousel-caption {background:rgba(0,0,0,.5);padding-bottom:0;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);bottom:35px;}
.carousel-caption h4 {color:#fff;}
.carousel-indicators {bottom:5px;margin-bottom:0;}

Hi There,

Thanks for writing in,

Could you please provide me the URL of your site so I can take a closer look on it. Simply by reading the code of carousel and without having the site to implement would be a bit uncomfortable to resolve.

Thanks!

I figured it out and have resolved this issue. Thanks!

This is what I ended up putting in the custom css:

#bootstrap-slider .carousel-caption h2 {
background:none;
}

.carousel-caption {
background:none;
}

Thanks so much!

You’re welcome! ??

Thanks this helped me a lot