Avisos
Vaciar todo

Cambio de tamaño en imágenes  

 
Pablo José
 Pablo José
Usuario eminente

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

Citar
Respondido : 05/10/2017 5:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 05/10/2017 7:01 pm

Cursos Gratuitos WordPress

Pablo José
 Pablo José
Usuario eminente

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.

ResponderCitar
Respondido : 09/10/2017 3:54 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 09/10/2017 10:09 pm

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

Pablo José
 Pablo José
Usuario eminente

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.

ResponderCitar
Respondido : 11/10/2017 5:19 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 11/10/2017 7:34 pm

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