Skip to main content
Answer

Remove enroll button on a course page

  • September 2, 2024
  • 9 replies
  • 180 views
P
Novice I

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.

Best answer by DPatel

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 */

 

T

9 replies

D
Novice II
Forum|alt.badge.img+2
  • DPatel
  • Novice II
  • September 2, 2024

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 */

 

jckemv
P
Novice I
  • pawaruths
  • Author
  • Novice I
  • September 3, 2024

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

 

D
Novice II
Forum|alt.badge.img+2
  • DPatel
  • Novice II
  • Answer
  • September 3, 2024

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 */

 

A
G
P
Novice I
  • pawaruths
  • Author
  • Novice I
  • September 3, 2024

Hi DPatel,

Yes, It’s work! Thank you so much

G
Novice I
  • gatarane
  • Novice I
  • October 10, 2024

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 */

 

1 Attachments
R
Novice II

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?

 

D
Novice II
Forum|alt.badge.img+2
  • DPatel
  • Novice II
  • October 14, 2024

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 */

 

G
R
R
Novice II

Hi @DPatel,

Thank you so much. It worked😃

G
Novice I
  • gatarane
  • Novice I
  • October 14, 2024

Thanks @DPatel for your help. it worked :) 

Terms & ConditionsCookie settingsAccessibility statement