Quitar la sobrecapa negra de fotos (efecto hover)

Resuelto Rodri47
(@rodri47)

hace 8 años, 6 meses

Hola a todos. La portada de este tema (https://modernthemes.net/demo/blackandwhite/) muestra todas las fotos (slider, posts destacados, cuadricula tipo portfolio) con una sobrecapa que las vuelve en blanco y negro. Cuando pasas el ratón por encima de cualquiera de ellas, cambia a su color natural.

¿Hay alguna manera de quitar esa capa y dejar que salgan con su color original? Independientemente de que se mantenga el efecto hover, que no cambiara de color nada…(vamos, que me daría igual que estuviera porque no iba a cambiar nada).

Aunque para rizar el rizo, también sería muy interesante aprender a invertir el efecto. Es decir, que las fotos se mostraran en su color natural y al pasar el ratón por encima se vieran en blanco y negro.
Gracias por adelantado a todos.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)

Moderador

(@almendron)

1.- Copia de seguridad del archivo style.css del tema que usas.
2.- Edita dicho archivo.
3.- Busca

img.grayscale {
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -ms-filter: gray; /* IE8 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

4.- Elimina esas líneas.