Avisos
Vaciar todo

[Resuelto] Modificar la apariencia de cuestionarios en LMS Sensei con CSS  

 
Ana Isabel
 Ana Isabel
Usuario experto

Hola, me gustaría modificar el aspecto de los botones de todos los cuestionario de LMS Sensei con CSS, porque de los tres botones el primero sí pero los de RESTAURAR y GUARDAR no tienen el estilo que quiero.

Pero no consigo hacerlo (y mira que he hecho el curso de CSS que tenéis...). Consigo que me funcione al hacer pruebas con el inspector de Google Chrome pero cuando voy a poner el código css en personalización del tema > CSS adicional, no me funciona.  He hecho muchas pruebas con diferentes páginas de la web, incluidas las de tienda y tal de woocommerce y todo el rato me pasa lo mismo... ¿Qué hago mal?

FireShot Capture 016   Empezar en la Fotosub   Viajar Buceando   www.viajarbuceando.com
image
image

Este es el código que pongo en este ejemplo: 

div.sensei-quiz-actions .sensei-quiz-actions-secondary .sensei-quiz-action .button, div.sensei-quiz-actions .sensei-quiz-actions-secondary .sensei-quiz-action button {

    margin: 0;

    padding: 1em;

    border: 0;

    border-radius: 5px;

    color: #ffffff;

    background-color: transparent;

    text-decoration: none;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 12px;

    line-height: initial;

    cursor: pointer;

}

 

Muchas gracias de antemano.

Contenido solo visible a usuarios registrados

Respondido : 17/04/2022 6:23 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Ana,

Inspeccionando un poco tu sitio veo que hay algunos errores de sintaxis en tus CSS por favor valida casos donde faltan llaves por cerrar, te dejo capturas de dos lugares donde pude ver dichos errores

image
image

Por otra parte te comparto unos estilos CSS que pueden funcionar en tu boton de Restablecer

.sensei-quiz-action .reset{
padding: 15px !important;
border-radius: 5px;
color: #fff !important;
text-decoration: none !important;
}

Echale un vistazo, Saludos!

Respondido : 17/04/2022 8:10 pm

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

Ana Isabel
 Ana Isabel
Usuario experto

@bruno-vichetti Hola de nuevo, he corregido lo que comentas (muchas gracias), y he publicado el estilo que me compartes pero no funciona... veo que sí que surge efecto al ponerlo en el inspector pero una vez publicado no se muestran los estilos...

 

Captura de pantalla (348)

 

Respondido : 18/04/2022 5:54 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Ana,

Lamento ser redundante pero sigo viendo errores en las sintaxis de tus CSS, sigues teniendo media-queries con falta de llaves ya sea de apertura o de cierre

image
image

Y los estilos compartidos en mi comentario anterior ya los he validado y funcionan sin problema

Por favor echale una revisada a detalle a los estilos aplicados

Saludos!

Respondido : 18/04/2022 6:35 pm

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

Ana Isabel
 Ana Isabel
Usuario experto

 

Ahora sí! Lo he corregido todo y ya me funciona 😉 

Puedo preguntar también ¿Cómo cambiar el aspecto de la lista numerada del cuestionario? No sé cómo hacer que no aparezcan esos círculos de color azul numerados. Preferiría que no se vieran, o en su defecto sustituirlos por otros menos llamativos y sin numerar.

Captura de pantalla (349) LI
Esta publicación ha sido modificada el hace 3 años por Ana Isabel
Respondido : 18/04/2022 8:28 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Ana,

Excelente, con respecto a tu nueva consulta puedes o ocultar dichos números

#sensei-quiz-list .entry-content ol li::before {
display:none
}

O en su defecto modificar el estilo de dichos números

#sensei-quiz-list .entry-content ol li::before {
background-color: transparent !important;
color: black !important;
}

Tu escoges que estilo te parece mejor

Saludos!

Respondido : 18/04/2022 8:51 pm

Ana Isabel
 Ana Isabel
Usuario experto

@bruno-vichetti Muchas gracias Bruno, pero no me funciona... 

Respondido : 19/04/2022 6:01 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Ana,

Por favor especifícanos que no te ha funcionado? en mi comentario anterior te di dos opciones que podrías aplicar

Considerando que el motivo inicial de tu consulta fue resuelto daremos este tema como resuelto para que no se extienda con otra consulta, por favor apertura un nuevo tema y lo gestionamos por ese medio.

Saludos!

Respondido : 19/04/2022 6:19 pm

Cursos Gratuitos WordPress