Skip to main content

This other post was helpful but I still couldn’t get it to work. Maybe someone can look at my specific scenario to let me know what CSS code to use.

I identified the Catalog Widget as doc-widget-14. I have tried using numerous CSS suggestions and none of them have worked.

 

#doc-widget-14 .ui-data-browser-controls-bar shadowed ng-star-inserted ui-media-xs {
    display:none !important}

#doc-widget-14 .ui-data-browser-controls-bar
{display:none!important}

#doc-widget-14 div.ui-data-browser-controls-bar {display:none!important}

#doc-widget-14 > doc-widget-course-catalog > ui-data-browser > div > div.ui-data-browser-controls-bar.shadowed.ng-star-inserted.ui-media-xs {display:none !important}

#doc-widget-14 > doc-widget-course-catalog {
    display:none !important}

Any suggestions?

Got something to work. I needed to put “#doc-page-20” instead of “doc-widget-14”.

#doc-page-20 .ui-data-browser-controls-bar{
    display: none!important;

Yup, that’ll do it, widget vs. page level components.

Note for others referencing this, the page number will be different in your system and is only needed if you want to eliminate on a specific page. If you want it gone on all pages, you can just do:

.ui-data-browser-controls-bar{
    display: none!important;

 

I cannot get this code to work. I’m at a total loss.

The filter and search still appear?

 

 

I cannot get this code to work. I’m at a total loss.

The filter and search still appear?

 

 

I am having the same issue as well, not sure which page they refer to

Reply


Terms & ConditionsCookie settings