Drop Down Menu Hover Colour

Anonymous

#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

#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

#236760

This reply has been marked as private.

Trevor

#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

#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

#236779

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

Anonymous

#236782

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

Trevor

#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

#236794

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

Trevor

#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