Cambiar color de fondo a las categorias - Prosilver new editionTema Solucionado

[Kuko]

Hola, queria cambiar el color del fondo de las categorias de los foro y tambien el color cuando pasas el cursos por encima de ella.
No doy con que id del css es.

Por cierto, ¿Existe algun tutorial que explique cada ID del css a que parte corresponde del foro?
Imagino que no, pero lo pregunto por si acaso y asi marearia menos.

Gracias.

[AlfredoRamos]

En el caso de tu estilo, puedes hacerlo cambiando el color de fondo (background-color) de lo siguiente:

Archivo: styles/prosilver_ne/theme/prosilver_ne.css

Código: Seleccionar todo

ul.forums {
	background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}

li.row:hover {
	background-color: #F5F5F5;
}

li.row.bg3 {
	background-color: #F0F4F6;
}

li.row.bg3:hover {
	background-color: #F4F8FA;
}

En el caso de ul.forums, necesitarías cambiar también el fondo degradado con backgroumd-image y filter, o si quieres un color sólido borra todo excepto background-color.

Las secciones que tienen :hover aplican para cuando pasas el mouse sobre el elemento.

Por cierto, ¿Existe algun tutorial que explique cada ID del css a que parte corresponde del foro?

No, y sería muy complicado que lo hubiese ya que cada autor de estilos puede cambiar el etiquetado y las hojas de estilo, y las instrucciones no aplicarían para todos.

Lo mejor sería familiarizarse con el inspector de elementos del navegador (Ctr + Shift + C en Firefox), donde inclusive puedes modificar los valores para una vista previa antes de guardar los cambios en los archivos.

[Kuko]

Alfredo en el styles/prosilver_ne/theme/prosilver_ne.css no encuento esas lineas que me indicas.

[AlfredoRamos]

Cierto, la primera sección esta en el archivo colours.css

Sin embargo, puedes realizar búsquedas parciales, por ejemplo si quieres encontrar:

Código: Seleccionar todo

ul.forums {
	background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}

Busca simplemente ul.forums.

Si usas algún editor como Atom, Notepad++ o VS Code, puedes hacer búsquedas recursivas o en todo el proyecto en una ruta que especifiques.

Inclusive puedes filtrar la búsqueda por extensión de archivos.

---

Un tip para el uso del inspector de elementos:

En la barra de búsqueda puedes encontrar elementos por selectores CSS

El inspector te muestra el elemento, su hoja de estilos, nombre del archivo y línea donde esta ese valor.

[Kuko]

Gracias Alfredo, ayer noche indagando si que vi que parte habia que modificarlo en el colours.css y otra parte en el prosilver_ne.css

El tip del inspector no lo conocia, me a venido de perlas. Gracias