Forums › Forums › Search & Filter Pro › Follow up as requested
- This topic has 10 replies, 2 voices, and was last updated 10 years, 2 months ago by Ross.
-
Ross Moderator(Private) August 26, 2014 at 1:05 pm #3952
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
Ross Moderator(Private) August 27, 2014 at 7:23 pm #4014Hey 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?
Ross Moderator(Private) August 27, 2014 at 8:41 pm #4018Ok 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! 🙂
-
AuthorPosts