Add Custom CSS button to Non Static Pages

Ask the Community
1

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.

image
image1294×780 126 KB

The page is https…com/brokerportal/example

Is it possible to change the button text here?

image
image2006×504 39.7 KB

2

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;
}
.stk-inline-filters.
 > 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;
}