Hey Jim apologies its been a bank holiday here in the uk which means no one went to work for the last 3 days, I’ll be going through all the support ticket backlog today and hopefully get some answers a little later on.

Thanks

Hey Jim looking at this now… so is the main search when you go on the homepage (in the left bar) that you would like to work with Ajax?

Ok cool, well it looks like the search form is pretty messed up because of some CSS conflicts – I think some of your other styles are loading after the S&F ones and causing some pretty major issues.

For this you could try 2 things…

1) Make S&F CSS load after (it seems the plugin x-shortcodes loads its CSS after, and is being too general with the styling so is affecting this plugin).. for this you would need to edit a S&F file..:

wp-content/plugins/search-filter-pro/public/class-search-filter.php

Then head to line 66 and change

add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_styles') );
to
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_styles', 11 ) );

Change the “11” for an even lower number like 100 if it doesn’t work, this basically tells it to load later and after other CSS… Let me know if this works and I’ll look at including it in a future update.

Alternatively you could try adding the following CSS to your site (I have just been editing your CSS in my browser to see if I could get your search form looking better)

.searchandfilter > ul, .widget_text .textwidget  .searchandfilter > li
{
  padding:0 !important;
  margin:0 !important;
}
.widget_text .textwidget .searchandfilter > ul > li
{
  margin-bottom:10px !important;
}
ul.chosen-results
{
  border:0 !important;
}
.widget_text .textwidget .searchandfilter > ul
{
  margin: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

.widget_text .textwidget .searchandfilter ul.chosen-results > li
{
  list-style:none !important;
}

.widget_text .textwidget .searchandfilter ul.chosen-choices
{
  margin:0 !important;
}

.widget_text .textwidget .searchandfilter ul.chosen-results
{
  margin:0 !important;
  padding-left:0 !important;
}
.widget_text .textwidget .searchandfilter ul.chosen-results li
{
  padding-left:5px !important;
}

.widget .chosen-drop ul li, .widget .chosen-drop ol li
{
  border:0 !important;
}
#text-4
{
  margin-top:20px !important;
}

About the ” ” – when you enable “hierarchical” in the admin, S&F adds the space to child elements so that they look like children in the dropdown, unfortunately, when you select them, this space is kept… This is technically a bug, but it may be a limitation of the combobox (a script dependency called chosen.js).. You’re best bet is to loose hierarchical in this case for now.

Right now I’m looking at your Ajax but hope that will help for now! 🙂