Skip to main content
Best Answer

Hide Catalog Search and Filter Bar

  • Jul 14, 2022 4:26 PM UTC
  • 4 replies
  • 515 views
jshipley
Novice I

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?

Best answer by jshipley

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;

View original

    4 replies

    jshipley
    Novice I
    • jshipley
    • Author
    • Novice I
    • Answer
    • Aug 11, 2022 5:37 PM UTC

    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
      Hero III
      Forum|alt.badge.img+6
      • Bfarkas
      • Hero III
      • Aug 11, 2022 6:07 PM UTC

      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
      Influencer III
      Forum|alt.badge.img
      • Scott Foster
      • Influencer III
      • Oct 17, 2022 7:36 PM UTC

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

      The filter and search still appear?

       

       

      • Lydia_Chung
      • Newcomer
      • Dec 1, 2022 3:32 PM UTC

      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

      Terms & ConditionsAccessibility statement