HT Search Autocomplete CSS

Home Forums GovIntranetters HT Search Autocomplete CSS

Viewing 3 reply threads
  • Author
    • #2992
      Luke Oatham

      I’m wanting to style the results of the HT Autocomplete dropdown plugin. Can anyone point me to which styles I need to update? I currently have a child theme and am wanting to put my custom css there. I have tried using as the selector .ui-menu .ui-menu-item and .ui-widget-content. Is there a css file I need to enqueue in my child theme? Currently the results show as black text on a clear background which does not show easily. The way it currently appears and when looking at the “inspect element” feature in Chrome also makes me think there are no styles currently being applied to the results. I have attached a screenshot. On the sight it appears one of the css files from the plugin is being applied.

      You must be logged in to view attached files.
    • #2998

      Hi Neal. Haven’t customized that section yet but I used the plugin WaspThemes – Yellow Pencil Lite to customize the whole site. All CSS changes can be added to the Custom CSS section on Govintranet Options.

      For some really hard to theme sections like BuddyPress Profile tables and BP Profile Search which I’m using when someone clicks on the Staff Cards of an user, I had to use another plugin used to create custom themes called Microthemer which is able to gather CSS for buttons and other objects/fields that Yellow Pencil can’t.

      Hope this helps!

    • #3000
      Luke Oatham

      We use the following CSS to tap into the dropdown suggestions on the search box:

      .ui-menu-item.ui-state-focus { border: none; background: #1e73be; color: #fff; font-weight: 200; }

    • #3013
      Luke Oatham

      Thanks all for the pointers. It seems part of the problem I am running into is caching not showing my latest CSS changes.

Viewing 3 reply threads
  • You must be logged in to reply to this topic.