Hide paging section at top for specific page

Hello,Hope all are good.I am trying to hide paging section at top for particular few pages. For this i tried by adding below code on user style but this code is not working:

.production_spec_batch > .ew-grid-upper-panel {
   display: none;
}

.gray_requisition_details > .ew-grid-upper-panel {
   display: none;
}

Table names are: “gray_requisition_details” and “production_spec_batch”. I am using v2024.4. Is it possible to hide this bar from server side? I tried also below code and this is hiding top bar for all pages:

.ew-grid-upper-panel {
   display: none;
}

Can experts suggest me what is the right way to hide this top bar .RegardsEmran

You should remove “>”, read CSS Descendant combinator.

Hello,I tried with this but not working:

.production_spec_batch .ew-grid-upper-panel {
   display: none;
}

.gray_requisition_details .ew-grid-upper-panel {
   display: none;
}

Any suggestion ?

  1. Check the actual CSS class names and selectors in your browser, see: https://discourse.hkvstore.com/t/inspect-html-element-and-add-your-own-css-styles/6310/1
  2. You may need to add !important to override original styles.