How to make the Hot Spinner background transparent

How can I make the Hot Spinner background transparent?

Dear customer,

add this css to bottom of template_css.css:

.holest-carousel{
background-image: none!important;
background-color: transparent!important;
}

I tried using this approach to add a background image behind the spinner. Is this the right way to do this? Here is what I tried. By the way, is this suppose to go into my templates css file?

.holest-carousel{
background-image: url("/images/banners/logoAmazingGrace.jpg")!important;
background-color: transparent!important;
}

Send me link so i could see

Sorry for my delay.

www.cheneyag.org/newsite

Spinner is transparent, only info panel has semi-transparent background. If you want to remove that:

open:

newsite/modules/mod_hot_spinner/tmpl/css/jquery.holest.carousel.css

find this:

.holest-carousel-info-panel-content {
padding: 15px;
position: absolute;
margin: 0;
width: 100%;
bottom: 0;
background-repeat: repeat;
background: url(../../images/hot_spinner_text_bg.png);
}

remove background: url(../../images/hot_spinner_text_bg.png);

After that you will have to change text color of info panel in module settings because it's white and your site general background is white.