Best Answer

Hide Catalog Search and Filter Bar

  • 14 July 2022
  • 4 replies
  • 183 views
J
Rank
Userlevel 2

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?

icon

Best answer by jshipley 11 August 2022, 19:37

View original

4 replies

J
Rank
Userlevel 2

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;

Bfarkas
Rank
Userlevel 7
Badge +3

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;

 

Scott Foster
Rank
Userlevel 4

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

The filter and search still appear?

 

 

L

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