Skip to main content

Hi - Wondering if anyone knows how to use CSS to hide the Instructors listed by default on the course summary screen? The attached image shows the Instructors highlighted in yellow. Many of the instructors are not with the company any longer and we would like to just have the list suppressed all together if we can find some CSS to do that. The only other solution I currently found is to unenroll the Instructors, but we don’t want the active instructors to be displayed either.

Thanks for any ideas!

 

following

Hi @laramarlin ,

Here is the CSS code to hide only the instructors from the page you mentioned. Please note that this will only remove the instructors from the specified page and will only affect the browser view, not the mobile app.

/* MODO : CSS to remove the instructors from the course catalog */ 
classroom .course-head .course-head-content .mdl-grid .mdl-cell:nth-of-type(2) .course-info li:first-child {display: none;}

Additionally, please be aware that this code is designed for the “old” version of the course players. Once your platform updates to the new player (by the end of the year?), this code will no longer be effective.

Let me know if it works for you.

Best regards, MODO

@modonetwork Do you have a code to remove the instructors from the additional information tab as well? I got it out of the header, but i want it out of here too!

 

 

Hi @talya.pacheco ,

Here’s the code to remove the instructor from the Additional Information tab:

/* MODO : CSS to remove the instructors from the additional */ 
classroom .course-tabs #panel-2 .additional-information .instructor-info {display: none;}

Let me know if it works for you.

Best regards,

Hi @modonetwork I was actually looking to remove the tab all together. Do you know how to do that?

THe code above did not work to erase the content from the tab but I was able to do it with this, but it erases all conent for all the tabs and #panel-2 doesnt work because the panel number changes on the courses 

 

classroom .mdl-grid .mdl-cell .course-tabs .tabs :last-child .tabs-body  {
    display: none;
}

 

Here is a screenshot of the inspection with the code removed.

 

 

 

As you can tell I am fairly new to CSS. So maybe this can’t even be done. THanks for all the help.

Hi @talya.pacheco ,

If you want to remove the entire "Additional Information" tab, here is the CSS code:

/* MODO: CSS to remove additional-info tab */
classroom .course-tabs .tabs .tabs-head .mdl-tabs__tab-bar .tabs-header_element:last-child {
    display: none;
}

Best regards. MODO

@modonetwork This is hiding them all. I dont know what im missing 

 

Update i got it!!! YOUR THE BEST

Reply


Terms & ConditionsCookie settings