Skip to main content

Hiding Training Material Tags

  • June 16, 2022
  • 22 replies
  • 1004 views

gstager
Hero III
Forum|alt.badge.img+8

The hot topic of auto-tagging and whether or not we like/want them has been discussed before.

I am not sure, however, that we have brought up the idea of hiding them yet, though, so I am just gonna leave this right here.

/** Hide Chapter Tags **/
.chapter-tags-wrapper {
display: none;
}
/** End Hide Chapter Tags **/

Here is the before

 

Here is the after

 

This is the area right underneath the player within the course.

At least now when I forget to go back and delete bad tags - my learners don’t have to shake their heads and wonder about the garbage.

As always - continue to test. I will be keeping an eye out for issues that may arise from this mod.

Be sure to vote on having the ability to disable auto-tagging if you have not already.

Hope this makes someone smile today!

22 replies

Annarose.Peterson
Hero III
Forum|alt.badge.img+7

@gstager deserves a medal for this!  I do not like how tags are always visible and we cannot control what gets tagged.


gstager
Hero III
Forum|alt.badge.img+8
  • Author
  • Hero III
  • July 29, 2022

Thanks, @Annarose.Peterson - Maybe a few more posts to earn the HTML/CSS community badge. 😎

I don’t think they have one of those.


dklinger
Hero III
Forum|alt.badge.img+11
  • Hero III
  • July 29, 2022

@gstager needs his own section.


gstager
Hero III
Forum|alt.badge.img+8
  • Author
  • Hero III
  • July 29, 2022

@gstager needs his own section.

I am afraid they would have to put me on the payroll, then.

We would also need to call the section Stagman Styling

LOL


Ben Bauman
Contributor III
Forum|alt.badge.img+1
  • Contributor III
  • April 20, 2023

with the new course player, the TAGS are popping back up.  😥

 

any ideas here?


Annarose.Peterson
Hero III
Forum|alt.badge.img+7

with the new course player, the TAGS are popping back up.  😥

 

any ideas here?

Looking for the same!  Put in a ticket too, if I hear back on it I’ll share here. 


Annarose.Peterson
Hero III
Forum|alt.badge.img+7

Heard back on the ticket.  They said to ask someone on here for updated CSS to hide the tags in the new course player. 


gstager
Hero III
Forum|alt.badge.img+8
  • Author
  • Hero III
  • April 24, 2023

Heard back on the ticket.  They said to ask someone on here for updated CSS to hide the tags in the new course player. 

Wow - that is actually pretty lame.

I have not changed to the new player.

I like the look but my courses don’t function at all. So I didn’t bother.

I did notice the tags had reappeared but I didn’t attempt a fix.

I can try it in preview mode and hopefully it persists when going live for all.


gstager
Hero III
Forum|alt.badge.img+8
  • Author
  • Hero III
  • April 24, 2023

Give this a try.

I did not test beyond preview mode nor did I test with other items in the widget area so be sure to do some more testing with this if you are using the new player for all users.

It could remove more than just the tags.

/** Remove Tags **/

.lrn-course-player-lesson-info {
display:none;
}

/** End Remove Tags **/

 


Annarose.Peterson
Hero III
Forum|alt.badge.img+7

Give this a try.

I did not test beyond preview mode nor did I test with other items in the widget area so be sure to do some more testing with this if you are using the new player for all users.

It could remove more than just the tags.

/** Remove Tags **/

.lrn-course-player-lesson-info {
display:none;
}

/** End Remove Tags **/

 

👑👑👑👑 @gstager you rule.  I’ll play with this today!


Ben Bauman
Contributor III
Forum|alt.badge.img+1
  • Contributor III
  • April 25, 2023

thanks yall, that new CSS code works to hide the tags in new player!!

 

/** Remove Tags **/ .lrn-course-player-lesson-info { display:none; } /** End Remove Tags **/


dklinger
Hero III
Forum|alt.badge.img+11
  • Hero III
  • April 25, 2023

@gstager@Annarose.Peterson - do we apply the css change to the custom styles? Or the course player custom style? I hope I dont sound silly.


Annarose.Peterson
Hero III
Forum|alt.badge.img+7

@gstager@Annarose.Peterson- do we apply the css change to the custom styles? Or the course player custom style? I hope I dont sound silly.

Not silly at all.  I put it in the Custom Styles area under Configure Branding and Look and it worked for the new course player. 


jlreonal
Guide II
Forum|alt.badge.img+3
  • Guide II
  • May 12, 2023

This is amazing! Will not have any problem with tags showing in course player! Worked perfectly in the new Course Player... Thank you, folks!


AngeWi
Forum|alt.badge.img
  • July 10, 2023

Give this a try.

I did not test beyond preview mode nor did I test with other items in the widget area so be sure to do some more testing with this if you are using the new player for all users.

It could remove more than just the tags.

/** Remove Tags **/

.lrn-course-player-lesson-info {
display:none;
}

/** End Remove Tags **/

 

This worked like a dream, unfortunately when we tested we realised that it also removed the free text and transcription links which we have under a number of our videos so we’ve had to disable it for now. 

 

 


Forum|alt.badge.img+5
  • Influencer III
  • March 19, 2024

@gstager Thank you so much for the great code! It works great - but do we know a way to remove the gray bar at the bottom altogether instead of just removing the text? The gray bar still covers the green “Start Learning Now” button in my player unfortunately. I tried using “inspect” but couldn’t figure out what of this would result in what I want.

Black bars are all text

 


gstager
Hero III
Forum|alt.badge.img+8
  • Author
  • Hero III
  • March 20, 2024

@sara.cramer - Hmm… I do not have any grey bars on mine. So something is different somewhere.

I also disabled AI tagging altogether - did you do that as well?

 


janina.zielecki
Influencer III
Forum|alt.badge.img

Hi! Thanks for the new CSS code. :) 

We too have the problem with this grey bar and the AI tagging options are all disabled. Any idea which element could be responsible?


gstager
Hero III
Forum|alt.badge.img+8
  • Author
  • Hero III
  • July 3, 2024

Maybe a GUI choice?

Again - I do not see this issue and I don’t recall doing anything extra CSS-wise to do anything here.

I am using the Theater Mode (Lightbox) setting for the view mode.

 


janina.zielecki
Influencer III
Forum|alt.badge.img

Ah, I can see another difference in your screenshot. You still have other widgets like Comments, Repository and Forum active in this course. I have no other widgets activated.


B_Volkman_CAVA
Novice II
Forum|alt.badge.img

Hi all, bumping this back up to the top. Unfortunately, I cannot for the life of me get this code to work in our system. What’s more frustrating is that it absolutely DOES work as expected when using multiple different development tools, including Amino.

 

/** Remove Tags **/ .lrn-course-player-lesson-info { display:none; } /** End Remove Tags **/

 

Any support or insight on what may be happening here would be greatly appreciated! And yes, I’ve used custom styles in Docebo for many years, so please let’s assume this isn’t a matter of novice-level user error. Also, I have tried with and without a !important tag to no avail.


  • Newcomer
  • December 6, 2024

Great help thanks. I managed to add the CSS and remove the tags from the course player but when you go into a course and exit part way through they reappear. Do you know how to stop this or hide on the resume page? Thanks