Forums › Forums › Search & Filter Pro › Drop Down Menu Hover Colour

Tagged: , ,

Viewing 10 posts - 1 through 10 (of 23 total)
1 2 3
  • Anonymous
    (Private)  March 15, 2020 at 8:19 pm #236722

    Hi

    Great plugin! Have a pretty basic question though. Could you tell me what css I need to use to change the background hover color for the taxonomy drop-down menu (without combobox). Don’t want it to be blue but instead: #08572a;

    Hope you can help!

    Thanks
    Dale

    Trevor
    (Private)  March 16, 2020 at 10:26 am #236741

    Are you able to send me a live link/URL to your search page so I can take a look?

    Any annotated screenshots (of what you want) you can make to help me would be appreciated. You will need to upload images to an external file sharing site, like dropbox, and share the link(s) with me.

    Anonymous
    (Private)  March 16, 2020 at 12:15 pm #236760
    This reply has been marked as private.
    Trevor
    (Private)  March 16, 2020 at 12:33 pm #236764

    You mean the ‘Party Size’ and ‘Bedrooms’?

    Those hover colors are set by your browser. The only way to reliably style them is to change them to Select2 controls.

    This post might help (ignore the first 3 paragraphs):

    https://support.searchandfilter.com/forums/topic/format-question/#post-221332

    Anonymous
    (Private)  March 16, 2020 at 12:53 pm #236773

    Ok great, many thanks for that. Yeah those are the ones.

    Is it possible to apply those scripts to individual drop down boxes. Don’t really want the combo box to apply to the party size/bedroom menus

    Trevor
    (Private)  March 16, 2020 at 12:58 pm #236779

    What is the name of the field you want to apply it to then?

    Anonymous
    (Private)  March 16, 2020 at 1:01 pm #236782

    It’s the party size drop down at the top of the page that I’ve added via short code.

    Trevor
    (Private)  March 16, 2020 at 1:36 pm #236786

    Then this maybe:

    <script>
(function ( $ ) {
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    $('#search-filter-form-13155 .sf-field-taxonomy-partysize select.sf-input-select').select2();
  });
}(jQuery));
jQuery(document).ready(function($){
  $('#search-filter-form-13155 .sf-field-taxonomy-partysize select.sf-input-select').select2();
});
</script>
    Anonymous
    (Private)  March 16, 2020 at 1:56 pm #236794

    Thanks! Uh, so do I just add that to the class-search-filter.php file?

    Trevor
    (Private)  March 16, 2020 at 2:08 pm #236801

    Not to that file no. Either add it inline in the page (in the plain text part of a text widget) or add it using a plugin that allows you to do this, such as this one:

    https://wordpress.org/plugins/tc-custom-javascript/

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 23 total)
1 2 3