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
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.
Hola,
Lo he probado pero sigue cortándome las imágenes por la parte superior.
Hola,
En el fichero que te indica Jhon prueba a insertar el código:
#rt-header { padding: 0; }
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
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.
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
Hola,
Prueba a insertarlo nuevamente para poder revisarlo y ajustarlo como indica Jhon.
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
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.
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
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
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
Ok. Gracias.
Un saludo,
César