Change Typeahead Search CSS

[leandrolope]

Hi everyone,

I need to change the CSS properties of the ".input-container":

border-radius: .8rem !important;
background-color: #E6F6EB !important;
border: none !important;

And the placeholder:

color: #00713F
font-weight: 700

If I change it directly in the browser for the ".input-container", it works. I haven't tested it for the placeholder yet.

But if I insert the CSS for the ".input-container" in the widget that calls "Typeahead Search", it doesn't work.

Does anyone know a way to make these changes?

[RaghavSh]

You possibly have some conflicting CSS at widget or instance or page or theme level. The above one works on PDI.

So inspect is the place which will give you the conflicting css and its resolution