Hi guys, first time using the forum!

I've been using Bootstrap for a while, and have used Carousel before now, and love it. However, I have started designing a site today, using carousel, and for the life of me, I cannot fathom how to remove the grey background? I've got an image, which I'd like to blend into the page, but with the grey it just doesn't look good at all!

Google has told me to use this piece of code

.carousel-caption {
background: none;
filter: progidXImageTransform.Microsoft.gradient(enabled = false);
}

or

.carousel-control.left, .carousel-control.right {
background-image: none
}

and neither has worked! I've been at it since 9am this morning, and it's highly infuriating. Any ideas?!

Thanks guys