Skip to content Skip to main menu Skip to utility menu

HT Search Autocomplete CSS

Home Forums GovIntranetters HT Search Autocomplete CSS

This topic contains 3 replies, has 3 voices, and was last updated by Neal Martin Neal Martin 2 months, 2 weeks ago.

  • Author
    Posts
  • #2992
    Neal Martin
    Neal Martin
    Participant

    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.
  • #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!

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

  • #3013
    Neal Martin
    Neal Martin
    Participant

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

You must be logged in to reply to this topic.