se podria poner color transparente el texto de la galeria de inicio que aparece en rojo mediante css?
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
Para quitar el color rojo de fondo tendrás que editar el archivo templates/ja_university/css/mod_jaslideshowlite.css y, previa copia de seguridad del mismo, localizar el siguiente código:
.ja-ss-desc { background: url(../images/trans-d40.png); color: #fff; left: 0; position: absolute; bottom: 30%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 20px; width: 350px; z-index: 110; }
En él, borra la siguiente línea:
background: url(../images/trans-d40.png);
perfecto, y ponerlo de otro color se podria?
Hola,
Supongo que te refieres al color del texto. Para ello, en el mismo código que te he pegado antes tendrás que cambiar en la línea:
color: #fff;
el color por el que quieras (#fff es blanco, #000000 es negro, etc.). Esto cambiará el color para el texto que se muestra debajo del título. Para cambiar el color del título tendrás que encontrar en el mismo archivo de antes el código:
.ja-ss-desc h3 { color: #fff; line-height: normal; font-size: 220%; font-weight: normal; overflow: visible; margin: 0 0 10px; padding: 0; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.3); }
y hacer de nuevo el cambio en el atributo color.
Todo este tipo de modificaciones las podrías localizar por tu cuenta si utilizar el Firebug, ya que te indicará dónde se aplican los estilos.
no, me referia al color rojo de fondo
Hola,
En tal caso, en el código:
.ja-ss-desc { background: url(../images/trans-d40.png); color: #fff; left: 0; position: absolute; bottom: 30%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 20px; width: 350px; z-index: 110; }
tendrás que cambiar el background:
background: url(../images/trans-d40.png);
por el color que quieres usar. Si, por ejemplo, lo quieres en color azul, podrías poner algo como lo siguiente:
background: #0000FF;
Puedes utilizar el código de color que quieras.