How to show 6 courses in a line under Instructing Courses

[prateekgupta2009]

Hello, By default it shows 3 courses in a row under Instructing Courses on Course Page in  Instructor Dashboard Pages. I want to show 5-6 Courses in a row without affecting other page course box layout... Those changes should be only for Instructing Courses page only..

[Jackson]

Hello, Yes this is possible bu custom css code, Please share page url , I will share site specific code with you, Thanks,

[prateekgupta2009]

This reply has been marked as private.

[Anshuman Sahu]

  alex please try adding this custom css in your wp-admin -> appearance -> customize -> custom css :     .page-template-allinstructors .content.padding_adjusted .col-md-4.col-sm-4.clear3 {width:16.6666666667%} .page-template-allinstructors .content.padding_adjusted .col-md-4.col-sm-4.clear3:nth-child(3n+1){ clear:none; } .page-template-allinstructors .content.padding_adjusted .col-md-4.col-sm-4.clear3:nth-child(6n+1){ clear:both; } .page-template-allinstructors .content.padding_adjusted .col-md-4.col-sm-4.clear3 .instructor {padding:0;}

[prateekgupta2009]

This reply has been marked as private.

[Jackson]

Hello, Code working , there are five course in one row: https://prnt.sc/ta8cyf thanks,

[prateekgupta2009]

This reply has been marked as private.

[Jackson]

Hello, Goto appearance>>customize>>custom css and use code given below: .course.instructor-courses .course.mycourse ul#course-list { display: flex !important; flex-flow: row wrap; } .course.instructor-courses .course.mycourse ul#course-list li.course_single_item{ flex-basis: 16%; min-width: 190px; } Refer: https://prnt.sc/taz46f thanks,

[prateekgupta2009]

Its not working when i put the code in Custom CSS....  this is the issue with WPLMS many time code work in Browser but not when we execute it on site...   Please check it once...

[Jackson]

Hello, Please goto wplms>>footer>>google analytics code and paste code under style tag like this:   <style>   //  Css code paste here   </style>     Thanks,

[prateekgupta2009]

Its working but there are couple of changes in same code required,

• i want to have same thumbnail image height for all course listing on same page

• i want to limit the title length to 36 & left aligned

so that the course box size will be same for all courses... Current Code <style> .course.instructor-courses .course.mycourse ul#course-list { display: flex !important; flex-flow: row wrap; } .course.instructor-courses .course.mycourse ul#course-list li.course_single_item{ flex-basis: 16%; min-width: 190px; height: 450px; } .instructor_action_buttons { height: 150px; } </style>  

[Veronica]

hi @prateekgupta sorry for the delay in response due to the holiday and for interrupting between the conversation as @jackson is not present here today so i am trying to understand the same can you please share the screenshot for the same: i want to have same thumbnail image height for all course listing on same page and for this also 

• i want to limit the title length to 36 & left aligned

 

[prateekgupta2009]

Please take a look at screenshot  https://prnt.sc/tco4hs I want to have same thumbnail height maybe 130 px for all images on the Instructing Courses page in Dashboard & limit the title length to 36Px so that we will have same box size for all courses.

[Veronica]

yes can be done via custom code checking...

[Veronica]

hi, but i think you have already the changes https://prnt.sc/td7tbf isn't it? i have check this here: https://innovians.com/

[Author]

Posts