How to style a SearchPanes Title?

Nick Hope

How can I change the style (size, color, font etc.) of a SearchPanes title?

An example tag for one of my custom search panes titles seems to be this:

<input class="dtsp-search dtsp-disabledButton" disabled="disabled" placeholder="Price">

The default style appears to come from a file, forms.css:

input:disabled { color: GrayText; }

I just can't find a way to override it. I have tried !important and many other things. I cannot find any examples with the style changed. I am not using Bootstrap or any other css framework.

sandy

Hi @Nick Hope ,

Take a look at this example. I've edited it slightly from this discussion. All you have to do is set some custom css.

Hope this helps,
Sandy

Nick Hope

Thank you @sandy. That works. I also discovered that Firefox grays out placeholder text, so I added this too:

input.dtsp-search::placeholder {
    opacity: 1;
}