Thread: Featured Ads Slider

Featured Ads Slider

I would like to put a background color on the featured ads slider, what code do I need to change to achieve this?

Is it any of the code below?

/* featured listings homepage carousel */
.featured-alt #sliderlist { max-width:880px; float:left; margin:0 auto;height: auto !important; min-height:170px; overflow:hidden;}
.featured-alt .slider {width: 100% !important; height: auto !important; min-height:170px; float:left; left:-5000px; margin-left:2px; position:relative; overflow:hidden; /* visibility:hidden; */ }
.featured-alt .slider ul { height:70px; width:600px; }
.featured-alt .slider ul li { padding:2px 2px; width:120px; }
.featured-alt .slider ul li a {text-decoration:none; font-weight:bold; display: block; }
.featured-alt .slider ul li a:hover {text-decoration:underline; }
.featured-alt .slider ul li:hover { background-color:none; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow:0 1px 0 #fff;}
.featured-alt .slider ul li img { cursorointer;border: 1px solid #CCCCCC; -webkit-border-radius: 2px;-moz-border-radius: 2px; padding:2px; width: 100px; height: 100px;}
.featured-alt a.price_sm { font-size:12px; text-align:center; font-style:normal; color:#333}
.featured-alt span.feat_left { float:left; text-align:center; width:140px; }
.featured-alt span.feat_left a.preview img:hover {opacity:0.6;}
.featured-alt #sliderlist li p {display:block; margin:0 0 0 62px; text-shadow:0 1px 0 #fff;white-space: pre-wrap; white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */}
.featured-alt span.feat_left img.preview { border:1px solid #CCC; float:left; margin:3px 10px 0 0; padding:2px; -moz-box-shadow: 1px 1px 4px #dbdbdb; -webkit-box-shadow: 1px 1px 4px #b7b7b7; box-shadow: 1px 1px 4px #b7b7b7; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.featured-alt .sliderblockdir .prev { cursorointer; float:left; height:19px; width:22px; padding-top:45px; }
.featured-alt .sliderblockdir div.prev:hover, .sliderblockdir div.next:hover {opacity:0.6;}
.featured-alt .sliderblockdir .next { cursorointer; float:right; height:19px; width:22px; padding-top: 45px; }
.shadowblockdir h2.styled-h {border: none !important; line-height: 18px; padding:0px 8px 5px; background: #FE2103; color: #fff !important; -moz-border-radius: 0 3px 3px 0px;-webkit-border-radius: 0 3px 3px 0px;border-radius: 0 3px 3px 0px; margin-left: -35px;}
.shadowblockdir h2.styled-h:before {
position:relative;
content:'';
display:block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 00px 10px 5px 0;
border-color: transparent #D4D3D3 transparent transparent;
top: 28px;
left: -8px;
}


Any help please.