Skip to main content
Question

Mark as Outdated CSS code

  • February 14, 2025
  • 4 replies
  • 162 views

I’ve tried some of the codes provided in other threads, but it is still not hiding the Mark as Outdated button from the course overview page or more drop down menu WITHOUT hiding the unenroll or change sessions options.

I need code just for the “mark as outdated” option.

 

This needs to be an opt in/out setting on the Admin side altogether, along with sharing or rating…  we just have users enroll, unenroll or change sessions, we don’t sell courses to outside users

4 replies

lrnlab
Hero III
Forum|alt.badge.img+10
  • Hero III
  • February 14, 2025

it’s not as easy at is sounds since in the new player those options move around depending on the course settings. As well, you need to address it in at least 2 spots; the overview page and once inside the course as it gets nested under the same menu (top tight) as the “Self un-enrol” option, for example.

We used at least 3 sets of code and it’s still not gone from all courses due to the variety of courses setting options, etc. 

We really need Docebo to make this an opt-in option on the admin side so we can choose whether to have this visible or not.


Forum|alt.badge.img+2
  • Novice II
  • February 18, 2025

@BR22LMS - Give the following a go
 

/** Remove Mark As Outdated From Course Player View **/
lrn-course-player .dcb-course-header-mark-as-outdated {
display: none !important;
}

 


Forum|alt.badge.img+2
  • Novice II
  • February 18, 2025

@BR22LMS - This should help on the Course Overview Page

/* Hide 'Mark as outdated' in Course Overview Page */
.dcb-content-overview-header-mark-as-outdated {
display: none !important;
}

 


  • Influencer I
  • March 6, 2025

Was not able to get the above to work for new course player, potentially due to use of focus mode at course level. However, was able to use the below CSS successfully to hide the ‘More Options’ ellipsis button entirely from the new course player. 

.ng-star-inserted:has(>.dcb-course-lesson-header-more-options) {

display: none;

}

 

Displays an error within the CSS editor but it does work, just include a note in the comment to this effect.