Cambiar slider

TioTute dijo:

Hola gente, necesito una mano con cambiar algunas cosillas en el CSS de un slider.
Tengo este theme FThemes.com Theme Demonstration

Como verán, el título y la descripción que aparecen sobre las fotos en el slider también están transparentadas, así como el recuadro negro. Tal vez no se note mucho, pero en mi web le he cambiado los colores y algunos títulos no se ven bien, así que me gustaría que NO tengan transparencia. Es decir, que solo tenga transparencia el recuadro, y que el título y la descripción sean de color sólido.

Dejo esa parte del CSS para que me digan qué tengo que cambiar:

Insertar CODE, HTML o PHP:

.fp-slider {
    margin: 0 0 15px 0;
}

.fp-slides-container {}

.fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
    width: 460px;
}

.fp-slides, .fp-thumbnail {
    height: 300px;
    overflow: hidden;
	position: relative;
}

.fp-title {
    font-family: Arial, Helvetica, Sans-serif;
    color: [B]Enlace eliminado[/B]
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 2px 0;
    margin: 0;
}

.fp-title a, .fp-title a:hover {
    color: [B]Enlace eliminado[/B]
    text-decoration: none;
    filter: alpha(opacity = 100);
    font-size: 18px;
    font-weight: bold;
}

.fp-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: [B]Enlace eliminado[/B]
    opacity: 0.8;
    filter: alpha(opacity = 80);
    padding: 10px 15px;
    overflow: hidden;
}

.fp-content p {
    color: [B]Enlace eliminado[/B]
    padding: 0;
    margin: 0;
    line-height: 18px;
}

.fp-more,  .fp-more:hover{
    color: [B]Enlace eliminado[/B]
    font-weight: bold;
}

.fp-nav {
    height: 12px;
    text-align: center;
    padding: 10px 0;
    background: #090D10 url([url]http://www.bahiamas.com/bgslider.png);[/url]
}

.fp-pager a { 
    background-image: url(images/featured-pager.png); 
    cursor:pointer;  
    margin: 0 8px 0 0; 
    padding: 0;
    display: inline-block;
    width: 12px; 
    height: 12px;
    overflow: hidden;
    text-indent: -999px; 
    background-position: 0 0;
    float: none;
    line-height: 1;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

.fp-pager a:hover, .fp-pager a.activeSlide  { 
    text-decoration: none;
    background-position: 0 -112px;
    opacity: 1.0;
    filter: alpha(opacity = 100);
}

.fp-prev-next-wrap {
    position: relative; 
    z-index: 200; 
}

.fp-prev-next {
    position: absolute;
    bottom: 130px;
    left: 0;
    right: 0;
    height: 37px;  
}

.fp-prev {
    float:left;
    margin-left: 14px;
    width:37px;
    height:37px;
    background:url(images/featured-prev.png) left top no-repeat;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.fp-prev:hover {
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

 .fp-next {
    float:right;
	width:36px;
    height:37px;
    margin-right: 14px;
    background:url(images/featured-next.png) right top no-repeat;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.fp-next:hover {
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

Bueno, espero que no sea mucho lío y, desde ya, muchas gracias!!

Hacer clic para expandir...