Avisos
Vaciar todo

No Responsive en el Slider de Cabecera Plantilla Jano

4 Respuestas
2 Usuarios
0 Reactions
630 Visitas
Respuestas: 204
Estimable Member
Topic starter
 

Buenos dias,
Estamos migrando a una plantilla Responsive y la elegida ha sido Jano, el problema que se nos plantea es que no vemos explicación alguna en el paso de imagenes en el slider ROKSPROCKET de cabecera ya que la primera si se expande pero a partir de la segunda y sucesivas no se adapta al marco que el slider demanda.
Saludos,

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 03/10/2016 8:20 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Diego, Buenos Días.

Según veo cada imagen tiene un tamaño distinto.

Por defecto las imágenes se redimensionan al tamaño máximo del ancho de la imagen, por eso cada una tiene un ancho distinto:

Edita las imágenes con algún editor como puede ser Paint de windows y redimensiona las imágenes para que todas tengan el mismo tamaño, por ejemplo 960x485

Una vez tengas las imágenes con el mismo tamaño, sustituirlas por las que tienes ahora.

Un saludo


 
Respondido : 03/10/2016 10:40 am
Respuestas: 204
Estimable Member
Topic starter
 

Buenas,
El tamaño de las tres imagenes es el mismo, de hecho si ponemos la segunda como primera esta que estas viendo como mas pequeña se convierte en grande y la primera saldria mas pequeña.
Quizas no me haya explicado bien, y la realidad es que solo la primera la redimensiona a partir de la segunda se queda con su tamaño primitivo.
Es decir la primera se dimensiona a 1260x620 cuando todas miden realmente (segun photoshop) 960x485.

Espero que este aclarado.

Saludos y gracias


 
Respondido : 03/10/2016 12:24 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Diego.

ok, revisando el código veo que las imágenes las redimensiona al 50% a partir de la segunda imagen.

Simple Item 3

Ese

es el que te redimensiona la imagen a la mitad.

.- Añade este código al archivo jano_wp-custom.css que encontraras en la ruta ' wp-content/themes/jano_wp/css/jano_wp-custom.css '

.sprocket-features-img-container img {
    width: 100%;
}

Revisa los resultados y nos comentas.

Un saludo


 
Respondido : 03/10/2016 2:42 pm