Como conseguir efecto Frosted Glass con CSS en un form

Namaris

Hola,

estoy haciendo una web con una plantilla WordPress y es tipo bootstrap (todo el contenido desplazado en la misma pagina). El caso es que tengo una "pagina" que es de [contacto] y con un background de un google map, y el <form> esta sobrepuesto a él, por lo tanto no se aprecia bien los campos <input>

Capura:

Se me ha ocurrido insertar al <form> un estilo para que quede asi: http://blog.rodneyleviton.com/frosted-glass-effect-using-css-and-javascript/

Pero no tengo ni zorra de JS todavia, ¿Alguien sabe alguna forma de hacerlo con CSS o algun tutorial o algo?

RaymaN

http://codepen.io/anthonyadamski/pen/yJBpd

1 respuesta
Namaris

#2 Gracias, he estado trasteando con el codigo ayer porque soy nuevo en web dev y me he perdido un poco a la hora de buscar en WP la parte donde tengo que modificar el form.

Por lo visto, se encuentra en Apariencia>Editor>"Seleccionar la plantilla" y editar "templates/template-contact.php"

Pero aqui me encuentro que todo es PHP y no entiendo mucho de este lenguaje todavia, aqui esta el codigo: http://pastebin.com/daRyAXPB

Alguna pista por donde puedo empezar?

1 respuesta
RaymaN

#3 hace años que no toco wp, pero parece que ahí no es. Si puedes, bájate toda la plantilla y haz una búsqueda de "form" por directorio.

Usuarios habituales

  • RaymaN
  • Namaris