Forums › Forums › Search & Filter Pro › Custom CSS
Tagged: custom css
- This topic has 22 replies, 2 voices, and was last updated 4 years, 6 months ago by Anonymous.
-
Anonymous(Private) May 15, 2020 at 3:13 pm #244196
That’s weird, neither of them are perfectly correct.
This is what I want: https://www.screencast.com/t/Pz0onM4H4m
And this is what I see: https://www.screencast.com/t/UBRkUkAicG
Trevor(Private) May 15, 2020 at 3:23 pm #244201I think you are seeing default behavior of the browsers. Try instead to attach Select2 to the dropdowns, then style them. This post explains how (4th paragraph down):
https://support.searchandfilter.com/forums/topic/format-question/#post-221332
This post will also be helpful:
https://support.searchandfilter.com/forums/topic/customise-dropdown-combobox/#post-180345
Trevor(Private) May 18, 2020 at 2:55 pm #244518The JavaScript needed does not seem to be on the page (it is in the first link from a previous post):
You need to add this JavaScript to the page:
<script> (function ( $ ) { $(document).on("sf:ajaxfinish", ".searchandfilter", function(){ $('select.sf-input-select').select2(); }); }(jQuery)); jQuery(document).ready(function($){ $('select.sf-input-select').select2(); }); </script>
If you want it without the search box at the top of the select boxes, then this instead:
<script> (function ( $ ) { $(document).on("sf:ajaxfinish", ".searchandfilter", function(){ $('select.sf-input-select').select2({minimumResultsForSearch: -1}); }); }(jQuery)); jQuery(document).ready(function($){ $('select.sf-input-select').select2({minimumResultsForSearch: -1}); }); </script>
Anonymous(Private) May 19, 2020 at 8:52 am #244734Oh oops, that’s it. Got it now, I can edit the style in css. Thanks a lot!
Just a little question on the side (tell me if I have to make a new post about this): I’m using this filters on the Elementor post widget, but I actually just want to display the images like a gallery. So without clickthrough to the post. Is this possible in a way? Because this plugin only works with the Elementor portfolio or posts widget. Not with the actual gallery widget?
Anonymous(Private) May 19, 2020 at 10:17 am #244772In the regular post widget, there is no custom post layout? And if I use another widget (like the post extra widget), I can’t make the Search & Filter Query as source. I just want a gallery where the image opens on click (no post), is that possible in one or another way?
Trevor(Private) May 19, 2020 at 10:25 am #244776Ah, I see you are correct. I had seen sites with Custom skins, but I think they used the Ele Custom Skin extension:
https://wordpress.org/plugins/ele-custom-skin/
Maybe that will do what you want? I haven’t tested it though.
-
AuthorPosts