Avisos
Vaciar todo

formato a las solapas

6 Respuestas
2 Usuarios
0 Reactions
15 Visitas
Respuestas: 1669
Noble Member
Topic starter
 

https://prnt.sc/IQoen6asUwax

 

 

ponerle un poco de formato a estas solapas para  q se vean mas atractivas

https://santoybuenamor.com/unigads/mis-cursos/?my_courses_status=all

Contenido solo visible a usuarios registrados


 
Respondido : 02/09/2022 6:33 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Fabiana, 

En este caso al intentar abrir el enlace que nos compartes no vemos lo que nos envías en las imágenes, ya que nos pide contraseña, envíanos un usuario de prueba que pueda acceder para poder revisar con mayor detalle lo que nos comentas. 

image

Un Saludo 

 


 
Respondido : 02/09/2022 6:50 pm
Respuestas: 1669
Noble Member
Topic starter
 

@karen

nombre de usuario prueba

7PX(joEkrUGTXarM#uUwWn0Q

constraseña

 

suscriptor esta bien o dime q permiso debo darte


 
Respondido : 02/09/2022 6:52 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Fabiana, 

En este caso prueba el siguiente codigo CSS y comprueba si con ello puedes configurar lo que ncesitas

section#sensei-user-courses {
margin: 20px;
}
.editor-styles-wrapper .wp-block-sensei-lms-learner-courses__filter__item:not(.active), .editor-styles-wrapper .wp-block-sensei-lms-learner-courses__filter a:not(.active), #user-course-status-toggle__item:not(.active), #user-course-status-toggle a:not(.active) {
border: 1px solid #ccc;
padding: 20px;
}
.editor-styles-wrapper .wp-block-sensei-lms-learner-courses__filter__item.active, .editor-styles-wrapper .wp-block-sensei-lms-learner-courses__filter a.active, #user-course-status-toggle__item.active, #user-course-status-toggle a.active {
border: 1px solid #ccc;
padding: 20px;
}

Un Saludo 


 
Respondido : 02/09/2022 7:02 pm
Respuestas: 1669
Noble Member
Topic starter
 

https://prnt.sc/QVNtR_AVQb-b

buenisimo se ve mejor pero como le agregamos un color al pasar el mouse o a la solapa #1f9aa2 


 
Respondido : 05/09/2022 1:43 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Fabiana, 

En este caso revisa el sí el siguiente código CSS ter permite añadir lo que necesitas

#user-course-status-toggle a:hover {
background: #1f9aa2;
color: #fff;
}

Un Saludo 


 
Respondido : 05/09/2022 2:02 pm