course curriculum issue

[brayan_lachowsky]

Hello, there is an issue with the course curriculum (it's not displaying normally) More site info in the below private reply.

[brayan_lachowsky]

This reply has been marked as private.

[Anshuman Sahu]

can you please share exactly where the issue is appearing with curriculum ?

[brayan_lachowsky]

sure, the text size is so big you can tell from the first look, there is no +/- buttons to allow expanding here is a normal curriculum https://demos.wplms.io/learningcenter/course/machine-learning-tools/

[Anshuman Sahu]

please add this custom css in your wp-admin customize -> custom css: .course_curriculum, .course_curriculum ul { padding: 0; list-style: none; margin: 0; } .course_curriculum, .course_curriculum ul { padding: 0; list-style: none; margin: 0; } ul.course_curriculum { border: 1px solid var(--border); border-radius: 5px; } ul.course_curriculum, ul.course_curriculum li.course_section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ul.course_curriculum .course_section { padding: 0; border: none; } .course_curriculum li { padding: 0; } ul.course_curriculum li.course_section>input { display: none; } .course_curriculum input[type="checkbox"] { display: none; } ul.course_curriculum li.course_section>label { font-size: 1.5rem; font-weight: 600; padding: 1rem 0; } li.course_section>label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ul.course_curriculum li.course_lesson { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid var(--border); padding: 1rem; } .course_curriculum .course_lesson { margin: 0; padding: 15px; font-size: 14px; line-height: 1.6; border: none; border: 1px solid var(--border); position: relative; } course_curriculum li > ul li { display: flex; align-items: center; padding: 10px; } li.course_lesson { background: var(--highlight); border: none !important; } .course_curriculum li { padding: 0; } ul.course_curriculum li.course_section>input:checked+label+ul { margin: 0 -15px -5px; border: none; border-top: 1px solid var(--border); } ul.course_curriculum li.course_section>input:checked+label+ul { display: block; } .course_curriculum, .course_curriculum ul { padding: 0; list-style: none; margin: 0; } ul.course_curriculum li.course_section>input+label+ul { display: none; border: 1px solid var(--border); border-top: none; } .course_section label { font-size: 1.4rem; font-weight: 600; } .course_curriculum .course_section { padding: 15px 0; border-bottom: 1px solid var(--border); } ul.course_curriculum, ul.course_curriculum li.course_section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .course_curriculum li.course_section { padding: 5px 15px; background: var(--sidebar); border-bottom: 1px solid var(--border) !important; } li.course_section>input:checked+label:after{ content: "\f068"; font-family: "Font Awesome 5 Free"; } li.course_section label:after {content:"\f067" ; font-family: "Font Awesome 5 Free";}

[brayan_lachowsky]

Thanks alex you can close topic

[Author]

Posts