Hola,
Estoy usando Joomla 3, Plantilla Pandora. Dado que no pude hacer funcionar el módulo JM Slideshow Responsive que viene por defecto tal como lo deseaba, instalé el módulo Parallax Slider para mostrar en la posición showcase-a una galería de imágenes. Al seleccionar la opción SIMPLEX del tab Style Settings en el Gestor de Módulos observo que aparece un espacio indeseado en el borde superior de la galería. ¿Es posible encontrar una solución?. Gracias por la respuesta de antemano.-
URL del sitio: Contenido solo visible a usuarios registrados
Hola Adrian,
¿Has probado a poner en "Module heigth" 100% en lugar de 750? ya que veo que las imágenes son menores de este tamaño.
Saludos
Hola Luis,
He probado a poner en "Module heigth" 100% en lugar de 750 y adjunto el resultado infructuoso.
El tamaño de las imágenes son más chicas, dado que la plantilla sugiere para las imágenes de la galería principal un tamaño de 1340x525.
Luego he duplicado el módulo Parallax Slider, lo he renombrado y colocado en la posición utility-a para mostrar algunas "publicidades". Observo un desplazamiento o cambio de estilo en el módulo original colocado inicialmenente en la posición showcase-a.
Hola Adrián,
OK '100%' no funciona :/
Veo que las imágenes tienen un tamaño de 1340px × 525px (al menso la que he visto en portada cargando).
Confirma por favor si te refieres a este módulo:
http://extensions.joomla.org/extensions/extension/photos-a-images/slideshow/parallax-slider
Saludos
Hola Luis,
En efecto, bajé el modulo desde el sitio https://www.themexpert.com con una cuenta de acceso creada para tal fin.
Hola,
Prueba a editar el archivo modules/mod_parallaxslider/assets/css/simplex.css. Previa copia de seguridad del mismo, localiza el estilo:
.ps-slide .ps-image { margin-top: 20px; opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
Aquí cambia:
margin-top: 20px;
por:
margin-top: 0;
Es decir, le quito el margen superior. Esto debería solucionar el problema.
Muchas Gracias por la respuesta, se valora mucho y se aprende que es lo más importante!!