Avisos
Vaciar todo

Slider con imágenes borrosas  

Página 2 / 2
 
Mª ISABEL
 Mª ISABEL
Reputable Member

Buenos días,

Tengo un problema y es que todos los slider que subo a pesar de hacerlos con las medidas que pone al subirlos aparecen borrosos... ¿Qué hago mal?

Muchas gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 23/04/2017 12:04 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mª Isabel.

En la configuración del modulo tienes unas medidas mas pequeñas de las que utiliza tu web:

Modifica los tamaños para que sean por ejemplo 1200 de ancho y 600 de alto.

Tendrás que volver a subir las imágenes con esas medidas.

Un saludo

ResponderCitar
Respondido : 30/04/2017 1:00 pm

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

Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

No lo he entendido bien la verdad.. en la zona de los slider hay una parte que es fija, donde va el camioncito con los portes y luego los sliders, no será que lo cuenta como el total??

Que tengo que modificar esas medidas de 687 x 290 en la configuración y subir las imágenes con esa medida también?

Gracias.

ResponderCitar
Respondido : 30/04/2017 4:36 pm
Mª ISABEL
 Mª ISABEL
Reputable Member

He estado haciendo pruebas y si pongo esas medidas me sale un slider enorme, no sé, yo sólo quería que no se vieran borrosas pero exactamente no sé que hacer...

He subido imágenes con esas medidas y queda descuadrado, solo se ve un parte de la imagen...

ResponderCitar
Respondido : 30/04/2017 7:38 pm

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mª Isabel.

El problema con el que nos encontramos es que es un aplantilla de pago y no podemos probarla.
El tema que te salgan las imágenes borrosas es por configuración del tamaño de las imágenes, si son mas pequeñas de lo tienen que mostrarse, estas se redimensionan para encajar en el slider y si son superiores se cortaran para que quepa en el contenedor.

En el siguiente enlace tienes un tutorial del slider que utiliza tu plantilla, revísalo e intenta ajustar las medidas para que se visualice bien en tu web.

Leo Slide Layer Module

Un saludo

ResponderCitar
Respondido : 01/05/2017 12:12 pm
Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

Hay alguna forma de quitar el fondo de rayas que tiene el slider?? Es que veo que si no apareciese podría ajustar mejor una imagen, pero al salir ese fondo queda mal...

He puesto esas medidas y sale un slider enorme, la tienda por defecto tenía las medidas que tiene ahora más o menos, no era tan grande no se...

ResponderCitar
Respondido : 01/05/2017 6:49 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si quieres quitar esas líneas de fondo prueba con el siguiente código CSS:

.layerslider-wrapper .bannercontainer{
background-image:none!important;
}

Puedes ponerloa al inicio de tu archivo :
/themes/leoelec/css/customize/Julio.css

PD. Veo que este archivo tiene al final código CSS que no es correcto, te sugiero acomodar lo de @media (max-width: 480px) , ya que no es correcto faltan cerrar llaves.

Saludos.

ResponderCitar
Respondido : 01/05/2017 10:38 pm
Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

Lo he quitado poniendo ese código en el módulo que me aconsejasteis "CSS Editing Module"

¿Qué tendría que hacer exactamente para arreglar eso que me dice?

Gracias.

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

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mª Isabel.

En el archivo julio.css al final del todo tienes dos bloques de código que falta el cierre de corchetes.

.- Accede a tu cuenta de cPanel -> Administrador de Archivos
.- selecciona la carpeta /themes/leoelec/css/customize
.- Dentro de la carpeta customize edita el archivo julio.css

Al final de ese archivo veras estos códigos:

@media (max-width: 480px) {
.button.ajax_add_to_cart_button {
    margin-left: 60px;
    margin-top: 20px;
}
@media (max-width: 480px) {
.button.ajax_add_to_cart_button {
    margin-left: 60px;
    margin-top: 20px;
}

.- Elimina y añade los siguiente:

@media (max-width: 480px) {
.button.ajax_add_to_cart_button {
    margin-left: 60px;
    margin-top: 20px;
}
}

Un saludo

ResponderCitar
Respondido : 02/05/2017 9:56 am
Página 2 / 2