Apply Custom CSS To Filter Fields - Search & Filter Support

This topic has 5 replies, 2 voices, and was last updated 9 years, 11 months ago by Trevor.

Viewing 6 posts – 1 through 6 (of 6 total)

Anonymous
(Private) November 14, 2016 at 9:56 am #70090

I’m sure this has been answered multiple times; but I’m not able to find it. How do I apply my own classes to the filter fields? Is JS the only option?

Also, when I load search results and click on any post (custom post type), the permalink has search parameters attached. How do I remove them? For example, the URLs for my single post is now: http://io.dev/jobs/jobs/test-engineer1/?sf_action=get_results&sf_paged=2; I’d expect it to be http://io.dev/jobs/jobs/test-engineer1/

Trevor
(Private) November 14, 2016 at 2:15 pm #70150

Have you got switched ON (checked) the Maintain Search Form State setting? Try with it off if you have.

For some fields, you can use the sf_input_object_pre filter, shown here (there is a link to an example usage code snippet as well):

https://www.designsandcode.com/documentation/search-filter-pro/action-filter-reference/#Filter_Input_Object

Anonymous
(Private) November 14, 2016 at 2:40 pm #70167

This reply has been marked as private.

Trevor
(Private) November 14, 2016 at 2:45 pm #70172

I am sorry, I cannot. There are plenty of guides on the Internet. It will be a steep learning curve for you.

Anonymous
(Private) November 15, 2016 at 5:54 am #70326

Looks like sf_input_object_pre only applies to text input field. How do I go about applying IDs or Classes to drop-down lists in the filter?

Trevor
(Private) November 15, 2016 at 11:24 am #70342

It does all field types except buttons. The GIST link shows examples of this.
Author

Posts

Viewing 6 posts – 1 through 6 (of 6 total)