Turn off Playlist CSS Code?

@kferguson to hide the Add to Playlist button on the asset player page, you can add the below CSS to your Custom Styles area on the Configure Branding & Look page:

#addtoplaylist: {display: none;}

@alightbsas, the Add to Playlist button that appears on the course player page doesn’t have a unique ID so it’s a little trickier:

doc-layout-action-buttons button[aria-label="Add to Playlist"] {
	display:none;
}

The downside to this code is that it only works for English. You’ll have to add a corresponding code for every language you support as well

Hope this helps!

@Mdubey this code hides the “more” menu which includes both the “Add to Playlist” option and the “mark as outdated” option: 

.lrn-widget-course-header-actions dcb-ui-menu[iconname="more-horizontal"] {

display: none;

}

I’ll see if I can find a better snippet that only targets the Add to Playlist option consistently but that code should be a decent temporary solution.

For those curious, this got detailed out in a post over here for a way to do each menu item instead of the whole menu:

For playlist it is:

.dcb-ui-list-item-aside-provided:has([data-icon-name="add-playlist"]) {
display: none;
}

So the problem on this one is that there’s nothing unique to call other than text which doesn’t work due to multiple languages to isolate just that menu item, unlike in the prior example. You can use ‘child’ to could for it, but this menu is in many widgets and pages and depending on user and role the child number will be different (for instance if an admin there can be an edit at the top moving the ‘add to playlist’ down one, and in that case it would show and the edit would hide...)

Only way I see is to hide the full ‘...’ menu again here, and really it sounds like you want it across all cards and list views, this should do that:

/* Hide '...' menu  on list view*/
.ui-list-item .ui-card-footer {
display: none;
}

/* Hide '...' menu  on Card view*/
.ui-card-wrapper .ui-card-footer .ui-card-button-actions {
display: none;
}

That being said, you are losing all the actions across them all then, so you might need to be careful and isolate certain pages or widgets.