Avisos
Vaciar todo
Hola,
Tengo un problema con ciertas imágenes en mi web. Lo cierto es que desde mi equipo de trabajo, todos los tamaños se ven perfectos y acorde al tema usado. Pero al pasar a pantallas más grandes, por ejemplo una iMac, entonces las imágenes se alteran.
Adjuntaré unas capturas para mostrar el problema.
En las dos primeras imágenes, la foto superior se ve más ancha, hasta el borde de la plantilla, que la foto tipo banner en la parte inferior. Ambas tienen el mismo ancho, pero distinta altura. En ambas usé un plugin, llamado visual composer, que tiene incluida una opción para crear galería simple tipo slider. Esta no tiene opciones de responsive, solo ajustar el tamaño en una caja de texto donde debo escribir el tamaño de mi foto, o "full", yo usé el tamaño en píxeles para ser más preciso.
La tercera foto, ideal1, muestra una página con una misma estructura, pero en vez de un slider, la foto es una imagen única insertada en la parte superior. Ahí sí se ve bien en pantalla grande y chica por igual. El tema de wordpress no tiene instrucciones para tamaños de imágenes ni nada por el estilo, por lo que no sé cuál es el problema o si es el plugin en sí mismo.
Saludos y gracias
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 05/10/2017 5:07 pm
Hola
Es posible que sea un tema de responsive de las imágenes, sin embargo no he podido localizar lo que envías en tu imagen.
Siempre que consultes envía la url exacta en donde podamos ver lo mismo que envías en tus imágenes.
Saludos.
Respondido : 05/10/2017 7:01 pm
Hola,
Sí, lamento la falta de precisión.
El siguiente link corresponde a las primeras dos imágenes. Como se puede apreciar, el slider abarca el ancho de la plantilla, pero en términos de una pantalla iMac que es bastante grande. En mi laptop se ve perfecta la diagramación y en mi tablet también.
http://diocesewillemstad.com/cristo-rey-brasil/
En este otro link está la misma estructura, pero la imagen principal abarca todo el ancho de la plantilla, igual que las imágenes siguientes, cosa que no pasa en la página anterior.
http://diocesewillemstad.com/santa-ana-aruba/
La diferencia es que las imágenes del primer link, están en un slider del programa Visual Composer, mientras que en la segunda página es una imágenes estática.
He revisado los archivos fuentes y en el ancho tienen la misma medida en píxeles. Resulta que en el resto del sitio web está ocurriendo lo mismo cuando se muestra en una pantalla grande como la de un iMac, pero en otras pantallas no ocurre.
Saludos.
Respondido : 09/10/2017 3:54 pm
Hola
Entiendo que lo que buscas es que el slide no tenga un ancho de 100%, en tal caso puedes agregar el siguiente código CSS:
.flexslider{
max-width:632px;
}
Puedes agregar este código al final de tu archivo style.css de tu theme.
Saludos.
Respondido : 09/10/2017 10:09 pm
Hola,
No era solamente el slider, sino muchas imágenes que en pantalla grande no llegan al borde de la plantilla, sino que dejan un espacio en blanco. Pantalla grande porque, de nuevo, mi pantalla se muestra perfecta y en dispositivos también.
Hicimos una prueba de usar captura de pantalla en la pantalla grande iMac y usar esa como tamaño base, ahora en la pantalla grande se ven bien las imágenes. Lo que me preocupa de esto es que pueda dar problemas en un futuro con otros tipos de pantallas.
Respondido : 11/10/2017 5:19 pm
Hola
Quieres que todas tus imágenes ocupen todo el ancho disponible?, en tal caso prueba con el siguiente código CSS
.wpb_single_image .vc_figure,
.wpb_single_image .vc_single_image-wrapper,
.wpb_single_image img{
width:100%;
}
Con esto todas las imágenes de los artículos ocuperán todo el espacio, actualmente no lo ocupan porque la imagen es más pequeña que el ancho y no hay ningún código que lo redimensione, con el código anterior le das un ancho de 100% a la imagen y los contenedores. Agrega este código al final de tu archivo style.css de tu theme.
Saludos.
Respondido : 11/10/2017 7:34 pm
