Avisos
Vaciar todo

imagenes cortadas en slaider  

 
Daniel
 Daniel
Usuario experto

Hola.
Estoy creando otra web, http://joyeriasilviamartinez.es/ y tengo un problema con el slaider y las imágenes.
Todas las imágenes que coloco en el slaider me las cortas, me explico, si coloco en los setting que la imagen que se ve en el ordenador es de 1200 x 600 px, lo que hace es cortarme la imagen por arriba y por debajo, cuando lo lógico sería que redujera el tamaño pero no cortara la imagen.
Podeís ayudarme???
Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 30/05/2019 10:19 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Daniel.

Esto es lo que veo:

No veo que la imagen está cortada, si puedes adjuntar una captura de como lo ves nos seria de ayuda para identificar el problema.

Un saludo

ResponderCitar
Respondido : 30/05/2019 12:08 pm

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

Daniel
 Daniel
Usuario experto

Hola.
ta mando dos imagenes, una la original y la otra cuando esta en el slaider, (donde el sistema me corta la imagen por arriba y por debajo)

ResponderCitar
Respondido : 30/05/2019 1:49 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Daniel.

Si et das cuenta cada imagen del slider tiene un tamaño distinto:
->
->

El slider se redimensiona para adaptarlo a las medias del bloque y es posible que se recorte para adaptarlo a ese bloque.

Intenta respetar las medias de la imagen del slider.

Puedes acceder a la demo de tu plantilla y descarga la imagen del slider de la plantilla que estés utilizando y respetar esas medidas para la imagen:

-> http://preview.themeforest.net/item/archi-interior-design-wordpress-theme/full_screen_preview/12649286?_ga=2.92813465.5258867.1559214173-1881944075.1559214173

Un saludo

ResponderCitar
Respondido : 30/05/2019 2:05 pm

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

Daniel
 Daniel
Usuario experto

Y no hay manera que el slaider adapte las medidas de la imagen que subo, para que no recorte dichas imagnes???? por decir algo, codigo en el css

ResponderCitar
Respondido : 30/05/2019 2:34 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Daniel.

El css ya está preparado para que se redimensione al 100% tanto al ancho como al alto:

<div class="tp-bgimg defaultimg " data-bgcolor="undefined" style="background-repeat: no-repeat; background-image: url(" http://joyeriasilviamartinez.es/wp-content/uploads/2019/05/1.jpg "); background-size: cover; background-position: center center; width: 100%; height: 100%; opacity: 1; visibility: inherit; z-index: 20;" src="http://joyeriasilviamartinez.es/wp-content/uploads/2019/05/1.jpg">

Lo que hace es redimensionar la imagen al tamaño de ese bloque según la resolución de la pantalla, si las imágenes tienen un tamaño que no es el adecuado las redimensiona para adaptarlas en este caso al ancho y en tu caso que se recortan ya que no cabe en el bloque.

Si te fijas en las imágenes que tienes añadidas verás que una tiene una altura distinta a la otra, la grande es la que respeta las dimensiones del slider.

Con CSS puedes poner un tamaño fijo pero a parte de perder la opción de responsive, tendrías los mismos problemas ya que las imágenes no tienen el mismo tamaño.

En las opciones del plugin de slider supongo que podrás modificar los tamaños del slider pero como te digo si no utilizas los mismos tamaños en las imágenes seguirás teniendo esos problemas.

No es tema de CSS, simplemente es respetar unas normas en el diseño.

Un saludo

ResponderCitar
Respondido : 30/05/2019 5:18 pm

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