Customise dropdown (combobox)

Anonymous

#180473

Ok, so back to my original question.

I found /public/assets/js/chosen.jquery.js and moved “<div class=\”chosen-search\”>\n <input class=\”chosen-search-input\” type=\”text\” autocomplete=\”off\” />\n </div>\n” to right before “<div class=\”chosen-drop\”>” on row 587, and then made some CSS changes.

Will this be overwritten when I update the plugin? If so, where can I make these changes so they don’t get overwritten?

Trevor

#180475

You would need to make a copy of the chosen script in your child theme folder and enqueue that from your child theme functions.php file.

In that same functions.php file, you would dequeue the original file, inside the same function as you enqueue your cutomised file. The EXTRA lines you would need are:

wp_dequeue_script( 'search-filter-chosen-script' );
wp_deregister_script( 'search-filter-chosen-script' );

The same goes for any CSS you make, it must not be by editing our CSS file, but instead in a new file (or any other method) that is not replaced on updates.

Anonymous

#180477

Thanks, that did the trick.

Trevor

#180479

Is this all resolved for now?

Anonymous

#180481

Yes, thanks.

[Author]

Posts