Avisos
Vaciar todo

Ventana lightbox aparece en la parte inferior de la pantalla  

 
Roberto
 Roberto
Usuario activo

Hola,

Desde hace unas semanas, tras actualizar la versión de wordpress he detectado que la ventana lightbox que aparece al hacer click en el botón "Contactar" se muestra en la parte inferior izquierda de la pantalla. Os dejo una URL de ejemplo donde se puede ver el error:

http://www.viverural.com/casas-rurales/alquiler-completo/el-mirador-del-tirinuelo/

Con pulsar sobre el botón "Contactar" se reproduce la incidencia. Antes de este fallo, la ventana con el formulario de contacto se mostraba de forma correcta.

Por favor, ¿Podríais indicarme cómo solucionar este problema?

Gracias anticipadas.

Un saludo!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 21/09/2016 1:11 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Para el manejo de las propiedades utilizas algún plugin?, verifica si dispones de alguna actualización. Te recomiendo también que consultes con el desarrollador de la plantilla en caso de que sea necesario la actualización del template después de tu actualización de WordPress.

ResponderCitar
Respondido : 21/09/2016 2:53 am

Cursos Gratuitos WordPress

Roberto
 Roberto
Usuario activo

Hola!

Si, utilizo el plugin wp-ui. La versión del theme la actualicé la semana pasada, y tengo la última versión de wordpress.

Un saludo!

ResponderCitar
Respondido : 21/09/2016 11:28 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Roberto, Buenos Días.

Prueba con lo siguiente:
.- Edita el archivo ' style.css ' que encontraras en 'wp-content/themes/ElegantEstate/style.css
.- Añade lo siguiente a dicho archivo:

.ui-resizable {
    margin-left: 50%;
    margin-top: -50%;
}

No se si tienes algún archivo para añadir las modificaciones que realizas, si existe añade el código a ese archivo.

Comprueba los resultados y nos comentas.

Un saludo

ResponderCitar
Respondido : 21/09/2016 12:32 pm

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

Roberto
 Roberto
Usuario activo

Hola Roberto, Buenos Días.

Prueba con lo siguiente:
.- Edita el archivo ' style.css ' que encontraras en 'wp-content/themes/ElegantEstate/style.css
.- Añade lo siguiente a dicho archivo:

.ui-resizable {
    margin-left: 50%;
    margin-top: -50%;
}

No se si tienes algún archivo para añadir las modificaciones que realizas, si existe añade el código a ese archivo.

Comprueba los resultados y nos comentas.

Un saludo

Hola Pepe,

He añadido lo que me comentas al fichero "wp-content/themes/ElegantEstate/style.css", y ahora la ventana emergente aparece en la parte inferior derecha de la pantalla.

Un saludo!

ResponderCitar
Respondido : 21/09/2016 1:17 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Roberto.

Ok, auméntale el valor de ' margin-top: -50%; ' por ejemplo ' margin-top: -90% '

Revisa si con esa configuración se representa mejor.

Un saludo

ResponderCitar
Respondido : 21/09/2016 3:10 pm

Roberto
 Roberto
Usuario activo

Hola Roberto.

Ok, auméntale el valor de ' margin-top: -50%; ' por ejemplo ' margin-top: -90% '

Revisa si con esa configuración se representa mejor.

Un saludo

Hola Pepe,

He modificado el style.css con las modificaciones que me indicas, pero observo que, en función del PC desde donde acceda, se ve bien o se sigue mostrando la ventana en la parte inferior.

Imagino que depende de la resolución de pantalla, no? Habría alguna forma de solucionarlo independientemente de la resolución que tenga el usuario?

Muchas gracias por la ayuda.

Un saludo!

ResponderCitar
Respondido : 22/09/2016 12:12 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola roberto.

Imagino que depende de la resolución de pantalla, no?
En principio no tendría que verse distinto, lo que puede variar por ejemplo es en versiones móvil, pero en PC tendría que aparecerte bien.

Lo que se me ocurre es que puedas tener cargada en cache lo configuración anterior.
revísalo otra vez y si ves que se muestra en la parte inferior pulsa la tecla de función ( F5 ) y recarga de nuevo la pagina.

Un saludo

ResponderCitar
Respondido : 22/09/2016 2:51 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Roberto
 Roberto
Usuario activo

Hola roberto.

Imagino que depende de la resolución de pantalla, no?
En principio no tendría que verse distinto, lo que puede variar por ejemplo es en versiones móvil, pero en PC tendría que aparecerte bien.

Lo que se me ocurre es que puedas tener cargada en cache lo configuración anterior.
revísalo otra vez y si ves que se muestra en la parte inferior pulsa la tecla de función ( F5 ) y recarga de nuevo la pagina.

Un saludo

Hola Pepe,

Nada, sigue viéndose distinto en cada PC. He limpiado la caché de los navegadores, he probado con varios navegadores distintos (chrome, firefox y explorer) en varios PC y en cada uno se ve distinto.

Alguna solución alternativa?

Muchisimas gracias por la ayuda.

Un saludo!

ResponderCitar
Respondido : 22/09/2016 3:14 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Elmina el código anterior qeu usa margenes y trabajalo mejor en base a posiciones, usa en su lugar el siguiente código :

.ui-resizable{
	top:20px;
	left:30%;
}

Saludos.

ResponderCitar
Respondido : 22/09/2016 10:24 pm

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

Roberto
 Roberto
Usuario activo

Muchisimas gracias a los dos!! Gracias Jhon por el código, parece que la ventana ya se muestra en la posición correcta.

Un saludo!

ResponderCitar
Respondido : 26/09/2016 5:01 pm