Support Forums

Support Forums Forums Search & Filter Pro How can i customize the form with css?

This topic is: not resolved
Viewing 9 posts - 1 through 9 (of 9 total)
  • elmenyutazo

    I want to make the search form look better.
    The buttons and the droprowns are ugly.
    I read the documentation about it ( but i don’t understand it competelly. I tried to modify ‘sf-field-category’ and ‘sf-field-submit’ but nothing happened.


    I still need to customize my select boxes.

    Trevor Moderator

    You may want to add the select2 script to the select boxes. First, change the combobox script to select2. In WP Admin -> Search & Filter -> Settings, look for the Combobox script and set that to Select2. Here is a screenshot:

    Then you need to add this JavaScript to the page:

    (function ( $ ) {
      $(document).on("sf:ajaxfinish", ".searchandfilter", function(){

    You can place this inside a text widget on the page, put the code in an external JavaScript file (enqueued from your child theme functions.php file), or use a plugin to add it, such as:

    (note that this plugin does not need the script tags).

    Then you need to modify the Select2 CSS. This post shows the complete Select2 CSS that we already include in our plugin:

    At the end is an example of how to modify it.


    Thanks 🙂

    This reply has been marked as private.
    Trevor Moderator

    Are you using WPML or Polylang?


    No. I’m using Loco translate.

    Trevor Moderator

    Does it translate posts like the others do? if so, does it give you the option which post types to translate, as the CSS/JS plugin stores the code as posts. First, try temporarily deactivating loco translate. Does the error still appear?

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.