Home > autocomplete, css, styling > HT Search Autocomplete CSS

HT Search Autocomplete CSS

Home › Forums › GovIntranetters › HT Search Autocomplete CSS

Tagged: , ,

Viewing 3 reply threads
  • Author
    Posts
    • 30 Mar 2017 at 16:00 #2992
      Luke Oatham
      Keymaster

      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 demo.govintra.net sight it appears one of the css files from the plugin is being applied.

      Attachments:
      You must be logged in to view attached files.
    • 31 Mar 2017 at 17:57 #2998
      jaylopez
      Participant

      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!

    • 3 Apr 2017 at 13:14 #3000
      Luke Oatham
      Keymaster

      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; }

    • 5 Apr 2017 at 13:54 #3013
      Luke Oatham
      Keymaster

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

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