Avisos
Vaciar todo

Problema con estilos de formularios desde dispositivos iphone  

 
Sergio
 Sergio
Usuario eminente

Hola buenos días,

Quiero hacer una consulta dado que no soy capaz de encontrar el problema que estamos experimentando.

Nuestro problema es que tenemos dos formularios, uno en el área "Reservar Doll" y otro en el área "Reservar Habitación Roja". Dichos formularios se cargan perfectamente desde cualquier dispositivo que no sea iphone, pero en todos los dispositivos iphone tenemos el problema de que a la hora de rellenar los campos no se ve la letra.

Hemos revisado los estilos utilizados, también revisamos las jquery que se emplean y no conseguimos averiguar el fallo. Hemos utilizado el modo de depuración y parece que en cuanto al formulario se debería cargar correctamente. También hemos probado la inspección de la pagina desde los buscadores simulando un dispositivo iphone y en este caso si que las letras se ven correctamente.

Quedamos a la espera de una solución, muchas gracias de antemano.
Sergio.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 05/03/2018 12:12 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola sergio.

Es complicado encontrar el problema cuando se trata de diferencias con distintos navegadores ya el problema puede venir del mismo navegador.

Prueba añadir lo siguiente a tu archivo de estilos ( lo cargas en cache y no se si tienes algun archivo css para las modificaciones )

select, textarea, input[type="text"] {
	color:red!important;
}

Revisa si con eso se soluciona, de no ser así por favor indícalo para que podamos seguir ayudandote.

Un saludo

ResponderCitar
Respondido : 05/03/2018 1:49 pm

Cursos Gratuitos WordPress

Sergio
 Sergio
Usuario eminente

Hola Buenas Tardes;

He añadido ese campo pero no dio resultado, no se si es porque lo añadi en el directorio css equivocado o porque luego lo remplaza otro, de todas formas el css que se carga en los text- input del formulario los carga desde el propio componente. También he añadido el codigo en esos css y tampoco dio resultado.

Si que he de comentar que curiosamente en el text area si funciona.

Adjunto capturas de la configuracion de los css y de el depurador. Quedo a la espera de vuestra respuesta.

Muchas Gracias de antemano y un saludo
Sergio.

ResponderCitar
Respondido : 05/03/2018 9:22 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola santiago.

¿ probaste con otro navegador que no sea " Safari " por ejemplo con Chrome ?
Más que nada para descartar que el problema sea del navegador.

¿ Que extensión utilizas para el formulario ?

Un saludo

ResponderCitar
Respondido : 06/03/2018 1:26 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Sergio
 Sergio
Usuario eminente

Hola buenos días,

Desde el dispositivo he utilizado varios buscadores como son el safari, el google chrome, y mozilla. Con todos me ocurre por lo que descarto que sea el motor de búsqueda. Para realizar los formularios estoy utilizando creative contact form en la versión pro, si que es cierto que con lo que he comparado con ellos su aplicación funciona perfectamente con los dispositivos iphone ya que en otras paginas se carga correctamente.

Si que he de comentar que en nuestra sección de "peticiones" tenemos cargado otro formulario y en este caso parece que se duplican los input de texto pero parece funcionar... Aunque este también querríamos dejarlo limpio.

Comprendo que es un caso complicado por eso quedo en vuestra manos ya que he explotado toda idea a la cual llegan mis conocimientos.

Un saludo y gracias de antemano,
Sergio.

ResponderCitar
Respondido : 07/03/2018 10:09 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El problema al parecer esta relacionado con el line-height, prueba agregar el siguiente código al final de alguno de los archivos CSS de tu theme.

.creativecontactform_wrapper input, .creativecontactform_wrapper textarea{
    line-height: 18px!important;
}

Saludos.

ResponderCitar
Respondido : 07/03/2018 4:16 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress