سلام و احترام
وقت شما بخیر
تشکر میکنم از محبت شما که این ابزار کاربردی رو به صورت رایگان در اختیار ما قرار دادین.
من یه کد Css ای رو اماده کردم که میتونه تجربه‌ی بهتری رو برای مخاطب خلق کنه. میزارم تا بقیه هم استفاده کنن.
تو این سایت میتونید خروجی کار رو ببینید
https://jabbarii.com/course/mini
.
.
/*
lessen
*/

#lessen img {
max-height: 35px;
max-width: 35px !important;
}

#lessen p.subtitle-lesson {
font-weight:300;
font-size: 14px;
margin-top: 10px;
}

#lessen div.gheadlinel {
margin-top: 10px;
margin-bottom: 10px;
}

#lessen div.course-section-title-elementory.cursor-pointer {
background: #f8f8f8;
}

#lessen div.course-panel-heading {
padding-right: 10%;
}

#lessen span.badge-item {
font-size: 13px;
font-weight: 400;
margin-bottom: 10px;
}

#lesses span.title {
font-weight:400;
font-size:14px;
}

#lessen h6 {
font-weight:600;
font-size:14px;
line-height: 15px;
}

#lessen p {
font-weight:400;
font-size:13px;
}

#lessen span {
font-size: 14px;
font-weight: 400;
}

@media only screen and (max-width: 767px) {

#lessen div.course-section {
background: #f7f7f7;
padding: 0px 0px;
border: 1px solid #e9ecef;
border-radius: 10px;
padding-left: 5px;
padding-bottom: 5px;
}

#lessen img {
max-height: 0px;
max-width: 0px !important;
}

#lessen p.subtitle-lesson {
font-weight:300;
font-size: 12px;
margin-top: 10px;
}

#lessen div.gheadlinel {
margin-top: 10px;
margin-bottom: 10px;
}

#lessen div.course-section-title-elementory.cursor-pointer {
background: #f8f8f8;
padding: 0px;
}

#lessen div.course-panel-heading {
padding-right: 10%;
}

#lessen span.badge-item {
font-size: 12px;
font-weight: 400;
margin-bottom: 10px;
}

#lesses span.title {
font-weight:400;
font-size:14px;
}

#lessen h6 {
font-weight:600;
font-size:14px;
line-height: 15px;
}

#lessen p {
font-weight:400;
font-size:13px;
}

#lessen span {
font-size: 12px;
font-weight: 400;
}

}
.
.
.
روش استفاده برای افرادی که مبتدی هستند:
1- این قطعه کد رو به فایل style.css موجود در پوشه تم در حال استفاده اضافه میکنید.
2- سکشنی که توش ویجت درس رو وارد کردید رو انتخاب میکنید ، به تب پیشرفته میرید و در قسمت شناسه Css کلمه‌ی lessen رو وارد کنید
3- سایت رو با Ctrl + R رفرش میکنید و خروجی کار رو میبینید.
.
.
موفق و شاد باشید