Avisos
Vaciar todo

Slider corta imágenes  

 
César
 César
Estimable Member

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

Citar
Respondido : 07/11/2016 8:12 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 07/11/2016 10:07 pm

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

César
 César
Estimable Member

Hola,

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

ResponderCitar
Respondido : 07/11/2016 11:47 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

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

#rt-header {
  padding: 0;
}
ResponderCitar
Respondido : 08/11/2016 4:23 am

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

César
 César
Estimable Member

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

ResponderCitar
Respondido : 08/11/2016 6:25 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 08/11/2016 9:20 pm

César
 César
Estimable Member

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

ResponderCitar
Respondido : 08/11/2016 9:42 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

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

ResponderCitar
Respondido : 09/11/2016 2:59 am

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

César
 César
Estimable Member

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

ResponderCitar
Respondido : 09/11/2016 1:42 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 09/11/2016 5:31 pm

Cursos Gratuitos WordPress

César
 César
Estimable Member

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

ResponderCitar
Respondido : 09/11/2016 9:53 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 09/11/2016 10:05 pm

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

César
 César
Estimable Member

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

ResponderCitar
Respondido : 10/11/2016 10:27 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 10/11/2016 12:52 pm

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

César
 César
Estimable Member

Ok. Gracias.

Un saludo,

César

ResponderCitar
Respondido : 10/11/2016 1:44 pm