Soporte » Diseño – Temas y plantillas » Quitar la sobrecapa negra de fotos (efecto hover)

  • Resuelto Rodri47

    (@rodri47)


    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

    (@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.

    Iniciador del debate Rodri47

    (@rodri47)

    mil gracias Almendrón!

    Moderador almendron

    (@almendron)

    De nada. Un saludo.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Quitar la sobrecapa negra de fotos (efecto hover)’ está cerrado a nuevas respuestas.