Avisos
Vaciar todo

modulo roksprocket definir altura  

Página 2 / 3
 
Carmen
 Carmen
Prominent Member

B) Hola Chicos
O desaparezco por un tiempo o me tienen presente todos los días, resulta que tengo un problema con los módulos roksprocket.
Si lo configuro fijo está bien pero si quiero que la animación sea automática cuando pasa de un artículo a otro sube y baja según, calculo, el texto introductorio o la foto...
Pero he hecho la prueba modificando la cantidad de palabras y nada, seleccionando poner el texto introductorio y nada.... y no encuentro la opción o no la tiene de fijar la altura del módulo.
Esto es un problema ya que confunde mucho al lector que el contenido del sitio sube y baja a medida que gira la animación....
En el sitio ahora lo he dejado fijo por este motivo pero me gustaría que fuese rotativo.....
Supongo que a otras personas les sucede lo mismo, tal vez es una cuestión de código en el custom.... ni idea como siempre les digo yo toco de oido y de "horas sentada en la silla" por ser elegante y no decir "horas cu..." haciendo pruebas
Saludos
Carmen

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 27/09/2017 11:36 am
Carmen
 Carmen
Prominent Member

Hola
De nuevo yo
Estuve viendo otros módulos y tienen una opción
Auto adjust height con la opción si o no
Tal vez algo de eso se pueda hacer en el custom.css de la plantilla.
Saludos
Carmen

ResponderCitar
Respondido : 28/09/2017 12:02 pm

Cursos Gratuitos WordPress

Carmen
 Carmen
Prominent Member

Hola
El punto ya lo había puesto yo (me di cuenta)
Lo he hecho en los dos en strips y en lists peroooooo lo hice pero no me responde.... tal vez lo estoy haciendo en el custom que no corresponde?.
Lo he hecho en el custom de la plantilla que es donde tengo todas las modificaciones
en interestellar custom.scss y luego he reconfigurado en la plantilla el css y después he borrado la cachè......
Estuve viendo otros módulos y tienen una opción
Auto adjust height con la opción si o no
Tal vez algo de eso se pueda hacer en el custom.css de la plantilla... o donde sea no lo se.

Saludos

ResponderCitar
Respondido : 28/09/2017 1:04 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

La plantilla que estas usando es para Gantry 5 o Gantry 4?, qué archivo CSS estas modificando?, envía la url

A veces pasa que no tienes una llave correctamente cerrada y todo lo que agregues al final no tiene efecto.

Saludos.

ResponderCitar
Respondido : 28/09/2017 7:58 pm

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

Carmen
 Carmen
Prominent Member

🙁
Hola
Perdón por mi demora en contestar.
La url donde hago las correcciones o cambios en la plantilla interstellar es esta
public_html/templates/rt_interstellar/custom/scss

Y el gantry que tengo es el 5

Y vuelvo a plantear si no es mejos agregar un código para que los módulos roksprocket
Tengan la opción de No Auto adjust height
pero ni idea como se hace y si se puede....

Saludos
Carmen

ResponderCitar
Respondido : 29/09/2017 4:24 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que comentas:

Y vuelvo a plantear si no es mejos agregar un código para que los módulos roksprocket
Tengan la opción de No Auto adjust height
pero ni idea como se hace y si se puede....

Si esto sería lo ideal, pero depende de los desarrolladores, en todo caso puedes sugerir esto en el sitio web de Rocksprocket ya que para hacerlo por ti misma tendrías que conocer programación y te complicarías.

Lo que puedes cambiar de manera rápida es a través de CSS.

Envía el archivo que estas modificando para ver si tienes errores. (puedes comprimirlo en .zip)

Verifica si tienes habilitado el modo de desarrollo en la configuración de tu theme, esto te facilitaría las modificaciones CSS en Gantry 5

Saludos.

ResponderCitar
Respondido : 29/09/2017 7:52 pm

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

Carmen
 Carmen
Prominent Member

B) Hola
Perdón por la demora pero estuve fuera.
Intenté hacerlo por el foro de los módulos y no he obtenido respuesta aún respecto a fijar la altura....
A esto que me dices "Verifica si tienes habilitado el modo de desarrollo en la configuración de tu theme, esto te facilitaría las modificaciones CSS en Gantry 5"
La verdad es que no se, porque ni idea donde verificarlo.
Y yo estoy haciendo los cambios en public_html/templates/rt_interstellar/custom/scss adjunto el archivo.
Saludos
Carmen

ResponderCitar
Respondido : 02/10/2017 6:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Tu archivo es correcto, aunque veo qeu los últimos estilos sólo aplicarán para movil, no se si es esto lo que buscas.

Sin embargo por lo que comentaste inicialmente quieres que ambas columnas , Contactados y Otros Contactados , tengan el mismo alto, en tal caso lo más práctico que puedes hacer es asignar algún tipo de identificación, especialmente para la segunda de ellas ya que tiene que tener un alto mayor, puedes revisar las propiedades del módulo y asignar alguna clase CSS o ID. Es en base a esto que se puede identificar y dar una altura fija para que no se desacomode cuando se usan las flechas del primer módulo

Saludos

ResponderCitar
Respondido : 02/10/2017 7:35 pm

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

Carmen
 Carmen
Prominent Member

:cheer: Hola
Gracias por tu respuesta.
El problema no se ha solucionado. Lo que yo quiero es que la altura del módulo roksprocket sea fija que no se mueva con la animación y eso no se ha arreglado con lo que escribí en el css, se sigue subiendo y bajando a medida que cambian los artículos y a su vez me mueve toda la columna hacia abajo. El problema es que la animación hace que suba y baje de acuerdo a los artículos y marea.
Los artículos no tienen todos los títulos del mismo tamaño porque depende del artículo y de quien lo escribe el título que le pone y es eso lo que lo hace subir y bajar.
"puedes revisar las propiedades del módulo y asignar alguna clase CSS o ID. Es en base a esto que se puede identificar y dar una altura fija para que no se desacomode cuando se usan las flechas del primer módulo" Esto no se como se hace y esto tampoco
"Verifica si tienes habilitado el modo de desarrollo en la configuración de tu theme, esto te facilitaría las modificaciones CSS en Gantry 5"
Que son las sugerencias que me diste... soy ignorante perdona.
Saludos
Carmen

ResponderCitar
Respondido : 02/10/2017 8:02 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Revisa la configuración de tu módulo, en el tab de avanzados, dale algún nombre de clase, por ejemplo :
otros-contactados , Tal como se ve en la siguiente adjunta

Con esto se podrá identificar el módulo y darle después algún estilo particular.

Saludos

ResponderCitar
Respondido : 02/10/2017 10:51 pm

Cursos Gratuitos WordPress

Carmen
 Carmen
Prominent Member

B) Hola
Gracias por la respuesta.
He puesto un nombre al módulo donde me dijiste pero luego donde va en el código?
ejemplo uso este? y donde identifico el módulo?
.sprocket-lists-portrait-container li {
height: 300px;
}
Recuerda que se poco o nada de códigos

Gracias
P.D. Todavía no me responden de roksprocket

ResponderCitar
Respondido : 03/10/2017 10:39 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carmen, Buenos Días.

Prueba añadir lo siguiente a tu archivo custom

.sprocket-strips-p-container {
    height: 450px;
}

Con este código se define una altura fija al bloque strips.

Un saludo

ResponderCitar
Respondido : 03/10/2017 11:16 am

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

Carmen
 Carmen
Prominent Member

GRacias por tu respuesta, pero eso ya lo hice y no me lo toma, y lo que me plantea Jhon es de poner un nombre en class suffix
y eso es lo que no se como escribir el código.

mira lo que me contestó Jhon
Saludos
Carmen

ResponderCitar
Respondido : 03/10/2017 11:31 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola carmen.

Lo que te comenta jhon es para identificar el modulo, pero eso ya esta identificado.

Le comente a un compañero de hosting que añadiera el código a tu archivo custom y esto es lo que me comentan:

Tenia un @media sin cerra en concreto:

@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}

}

lo cerramos y añadimos el código que nos comentas 😉

Revisa lo que te comento y comprueba si se visualiza mejor.

.- Accede a la administración de tu plantilla y recomplila el css antes de probarlo 😉

Un saludo

ResponderCitar
Respondido : 03/10/2017 12:43 pm

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

Carmen
 Carmen
Prominent Member

Hola
Gracias como siempre pero.... cuando recompile css me dió este error
500 Internal Server Error

Oops, unexpected }: failed at `.sprocket-strips-p-container {` gantry-theme://scss/custom.scss on line 493.
les puedes decir? gracias!!!!

ResponderCitar
Respondido : 03/10/2017 12:59 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carmen.

Ok, si, prueba a recopilar el css ahora y nos comentas.

Un saludo

ResponderCitar
Respondido : 03/10/2017 1:16 pm

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

Página 2 / 3