Avisos
Vaciar todo

Slider corta imágenes

15 Respuestas
4 Usuarios
0 Reactions
1,181 Visitas
Respuestas: 214
Estimable Member
Topic starter
 

Buenas tardes,

He cambiado las imágenes del slider de la página principal de mi sitio Web (las nuevas tienen el mismo tamaño que las que había puesto anteriormente) y me encuentro con que al cargarlas las corta por la parte superior (fíjense en la diferencia entre las imágenes que se ven en la web y las que les adjunto); El caso es que esto solo sucede en PC pues en dispositivos smartphone las imágenes se visualizan correctamente.

¿A qué es debido y que debo modificar para solucionar el problema?

Gracias.

Un saludo,

César

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 07/11/2016 8:12 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba con el siguiente código CSS :

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

@media (min-width:980px){
	.sprocket-features-img-container{
		margin-top:100px;
	}
}

Puedes colocarlo al final del archivo personalizado:
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Saludos.


 
Respondido : 07/11/2016 10:07 pm
Respuestas: 214
Estimable Member
Topic starter
 

Hola,

Lo he probado pero sigue cortándome las imágenes por la parte superior.


 
Respondido : 07/11/2016 11:47 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

En el fichero que te indica Jhon prueba a insertar el código:

#rt-header {
  padding: 0;
}

 
Respondido : 08/11/2016 4:23 am
Respuestas: 214
Estimable Member
Topic starter
 

Buenas tardes,

Sigo sin poder solucionar el problema.

Me he puesto a investigar fijándome en el código fuente y observo algo que no entiendo: Les adjunto 2 imágenes en las que se puede ver el tamaño de los contenedores DIV en donde está incluido el slider; Si se fijan en la imagen referente a la pantalla para smartphone el DIV que contiene el slider está perfectamente delimitado,adaptando las imágenes en él contenidas al tamaño de dicho contenedor,pero en la imagen de la pantalla para PC el DIV lo dimensiona ocupando también el espacio perteneciente al Header con un total de 579px de altura (de aquí deduzco que es imposible que una imagen de 532px de altura entre completa en el espacio destinado exclusivamente al slider ya que no la redimensiona como si ocurre en dispositivos móviles) cosa que no comprendo.

Espero que me puedan ayudar (he vuelto a colocar las imágenes originales sin texto incluido y se puede observar que las corta también por arriba, cosa de la que no me había percatado hasta que las he cambiado por otras de su misma dimensión).

Un saludo,

César


 
Respondido : 08/11/2016 6:25 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Siempre habrá un pequeño corte debido a la estructura html del template.
No veo que hayas agregado el archivo custom, en donde has puesto el código que te envié ya que con este debería verse mejor, igual se puede ir ajustando hasta que se vea correctamente.

Saludos.


 
Respondido : 08/11/2016 9:20 pm
Respuestas: 214
Estimable Member
Topic starter
 

Hola,

Lo puse en el CSS personalizable de la pestaña Pandora Theme pero al ver que no funcionaba lo borré.

Un saludo,

César


 
Respondido : 08/11/2016 9:42 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Prueba a insertarlo nuevamente para poder revisarlo y ajustarlo como indica Jhon.


 
Respondido : 09/11/2016 2:59 am
Respuestas: 214
Estimable Member
Topic starter
 

Buenos días,

Ya he procedido a restaurar el código que me facilitaron (en pandora theme, apartado estilo, cuadro css personalizado) y como se puede ver siguen sin visualizarse las imágenes correctamente.

Además el efecto de transición entre diapositivas parece antinatural como si hubiera un efecto corte en el arrastre...

Espero me lo puedan solucionar entre hoy y mañana a más tardar pues da muy mala imagen tener la página principal del sitio web de esta manera.

Gracias, un saludo

César


 
Respondido : 09/11/2016 1:42 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Mejor agregalo en un archivo, si no quieres crear un custom css usa por ejemplo este archivo :

wp-content/themes/pandora_wp/style.css

Agrega el código al final de todo.

Saludos.


 
Respondido : 09/11/2016 5:31 pm
Respuestas: 214
Estimable Member
Topic starter
 

Buenas noches,

Ya lo he puesto en el archivo style.css tal como me indican.

Me lo sigue cortando y he observado, pues lo he mirado en dos monitores distintos, que cuanto más grande es la pantalla más cortadas quedan las imágenes.

Un saludo,

César


 
Respondido : 09/11/2016 9:53 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Ya no veo que se cortan, refresca tu navegador o limpia cache, lo he probado en firefox y se ve como se muestra en la imagen.

Saludos.


 
Respondido : 09/11/2016 10:05 pm
Respuestas: 214
Estimable Member
Topic starter
 

Buenos días,

Efectivamente al limpiar el historial del navegador ya funciona correctamente.

Una duda, ¿Por qué si ponemos el código en el apartado CSS personalizado de la plantilla no lo ejecuta bien y al ponerlo en un archivo css aparte sí?

Muchas gracias por su ayuda.

Un saludo,

César


 
Respondido : 10/11/2016 10:27 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola César.

¿Por qué si ponemos el código en el apartado CSS personalizado de la plantilla no lo ejecuta bien y al ponerlo en un archivo css aparte sí?
Tendría que modificarse igual pero bueno siempre es mejor tenerlo todo en un archivo custom aparte donde tengas todas las modificaciones detectadas.

Un saludo


 
Respondido : 10/11/2016 12:52 pm
Respuestas: 214
Estimable Member
Topic starter
 

Ok. Gracias.

Un saludo,

César


 
Respondido : 10/11/2016 1:44 pm