This reply has been marked as private.
Hello,
To make align all thing at this page use code given below in wplms >>footer under style tag : https://prnt.sc/tdwq08
.instructor-courses .course ul li.course_single_item .item-avatar.instructor-course-avatar a img {
height:150px !important;
}
.instructor-courses .course ul li.course_single_item .item .item-title{
height:90px !important;
}
.instructor-courses .course ul li.course_single_item .item .item-meta{
height:30px !important;
}
Thanks,
Well for desktop view its fine but on mobile view its not showing properly:
https://prnt.sc/tdxnza i want to show only one course in a row (increase width in mobile view) and instructors functions should get aligned in mobile like in desktop mode:
https://prnt.sc/tdxpc9
Hello,
Use code given below:
@media only screen and (max-device-width: 480px){
.course.instructor-courses .course.mycourse ul#course-list li.course_single_item {
flex-basis: 15%;
min-width: 340px;
height: 490px;
}
}
Refer:
https://prnt.sc/tekpnj
Thanks,
.
