Custom Field Drop Down Styling

[jayme.welch48]

I set up a custom field drop down for filtering results and cannot seem to change the background from the default grey. I did follow the directions here: https://documentation.ajaxsearchpro.com/theme-options/settings-dropdown, cleared the cache and enabled inline styling.

Rather than set the style for this one search, I actually prefer to set them in our child stylesheet so all search bars look the same. Can you just tell me what the style names are for the custom field drop downs? I was able to do this for the initial background color and selected item but can’t seem to track the drop-down box and option classes.

With gratitude,

Jayme

[Ernest Marcinko]

Hi,

The only way to override that is via custom CSS. You can find the code to all the sections below, just override the colors to your needs:

span.asp_select2-container--flat .asp_select2-results__option[aria-selected=true] {
    background: #777;
    color: #fff;
}

span.asp_select2-container--flat .asp_select2-results__option--highlighted[aria-selected] {
    background: #525252 !important;
    color: #fff;
}

span.asp_select2-container--open .asp_select2-dropdown--below,
span.asp_select2-container--open .asp_select2-dropdown--above {
    background: #9c6a6a;
}

[jayme.welch48]

I’m so sorry I forgot to reply. This worked perfectly – thank you! The search itself is robust and easy to implement.

Your Ajax search works great and I appreciate the extra thought put into the performance. If you are continuing development may I request that you have a developer version available where we can extend the layout of the results? It would be great to hook in a WP Bakery UI with your data for a really flexible search mechanism that can be used anywhere.

With gratitude,

Jayme

[Ernest Marcinko]

Hi Jayme,

Sure, thank you for your kind words.

There are some interesting possibilites as of now, that might interest you:
– Results templating
– Filters templating
– Filters API
– Javascript API
– Theme integration functions

[jayme.welch48]

Oh wow – this is fantastic! Thank you. I work in a variety of platforms – WordPress, Shopify, Hubspot, etc. and code in .NET, Web APIs, etc. I am truly impressed with the level of thought put into your plugin. For example, I was thrilled that I can create a search listing all therapists that provide support for ADHD while hiding the search bar itself.

Thank you so much for taking the time to send me additional resources, it is greatly appreciated.

With gratitude,

Jayme

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts