Skip to main content

Hi everyone,

I would like to remove the enroll button from the new course page.

The objective is to show an overview of the course, which is a 3-month program. This is because if participants enroll in a session, they will only see details specific to that session.

However, this program requires them to attend several sessions throughout the program. There are two identical sessions to accommodate colleagues in different time zones. I would like to give them the option to choose their preferred time. Therefore, I will ask them to make their selection outside the platform. On this page, I just simply want to display the options. To avoid any confusion, I want to remove the enroll buttons.

I found a similar case that was created a year ago:

But there was no solution provided. However, it was mentioned that CSS could be helpful.

Thank you in advance for your support.

Hi there,

The following CSS should help. Switch out the XXX to the corresponding Course ID. You can find this in the URL of the course after https://{DOMAINNAME}.docebosaas.com/learn/courses/XXX/coursename

 

/* Hide Enrollment Part on Course. Switch XXX with Course ID START */

.lrn-course-elearning-XXX-overview .lrn-widget-content-enrollment {
    display: none!important
}

/* Hide Enrollment Part on Course. Switch XXX with Course ID END */

 

Hi @DPatel ,

Thank you for your help. It is much appreciated. Unfortunately, it doesn't work, as my course is ILT. Is it required to change to ILT on the CSS. The code that you mentioned is elearning.

Best regards,

Pawaruth

 

My apologies

Please try the below.

/* Hide Enrollment Part on Course. Switch XXX with Course ID START */

.lrn-course-overview-XXX .lrn-widget-content-enrollment {
    display: none!important
}

/* Hide Enrollment Part on Course. Switch XXX with Course ID END */

 

Hi DPatel,

Yes, It’s work! Thank you so much

Hi @DPatel  , 

 

Thanks for your inputs , we tried the same code for ILT but somehow we are unable to hide “Enroll” button from session . Could you assist on this further. 

 

@pawaruths  were you able to achieve the same (Hide enroll button from session level)?

 

/* Hide Enrollment Part on Course. Switch XXX with Course ID END */

 

.lrn-course-elearning-1050-overview .lrn-widget-content-enrollment {

    display: none!important

}

 

/* Hide Enrollment Part on Course. Switch XXX with Course ID START */

 

.lrn-course-overview-1048 .lrn-widget-content-enrollment {

    display: none!important

}

 

/* Hide Enrollment Part on Course. Switch XXX with Course ID END */

 

Hi @DPatel 

I have tried the same code to remove the enroll button from ILT. I am able to remove the enrolle button from course but still i am able to see in Sessions.

can you please help here?

 

Hi @gatarane / @Ragnee kumari 

Could you try this CSS with multiple sessions if possible? Replace the XX with the Course ID as this will target the specific ILT course.

/* Hides Enrol Button from Session List START */
.lrn-course-overview-XX .lrn-widget-sessions-list-container .lrn-widget-sessions-list-secondary-button {
    display: none!important
}
/* Hides Enrol Button from Session List END */

 

Hi @DPatel,

Thank you so much. It worked😃

Thanks @DPatel for your help. it worked :) 

Reply


Terms & ConditionsCookie settings