Add Custom CSS button to Non Static Pages

I understand that you can manipulate the text on static pages, so I got it working for certain tables. However, I have one page that isn’t a static page, and therefore is not recognized by stacker’s custom CSS.

The page is https…com/brokerportal/example

Is it possible to change the button text here?

Hi Marissa,

What you are looking at are the inline filters, correct? To update these names you would need to change the labels of the fields which can be done by:

  1. Edit layout
  2. Hover over the field
  3. Click the Pencil icon next to the field

A few helpful CSS classes for editing Inline filters as well:

Add an icon

.stk-inline-filters. > div > div:nth-child(1) > button > div:nth-child(2)   {
   display: none;
 > div > div:nth-child(1) > button > div:nth-child(3):before   {
    content: '⬇';

Change the background color:

.stk-inline-filters > div > div:nth-child(1) > button {
    background-color: burlywood;