Change Placeholder Text in Header Search Bar

[SuburbanGringo]

Hello,

I am attempting to update the placeholder text in the search bar on the Employee Center Header. 

We would like to change it from just "Search" to something more user friendly ("How can we help?", etc.). Can someone please point me in the right direction to update this text?

Thank you

[Srinivasa Chall]

Hi Viswa, 

I need to change the font and color and styling of the Placeholder text, which is not possible from the section you shared.

[ViswaSunny]

Hi Srinivasa,

in that case you can go to Instance in Page Editor, try to write the code in CSS and check if that is working?

[Srinivasa Chall]

No, it is not straightforward with the Search widget when AI Search is enabled. I tried all the CSS options from Widget instance/Page/Portal and a CSS on the Theme, it doesn't work.

[venkataganenesh]

@Rob Sestito  

Hi,

I have a requirement where i need to add a little space between carousel item and the search bar.  Not sure how I can do it.  Thank you in advance.

Regards,

Ganesh.

[Rob Sestito]

Hey @venkataganenesh - 

You should be able to handle this through CSS using 'padding' as the command.

If those two widgets are in different containers (as an example here is one of my PDIs when looking at the Page in Designer)

We can see that the widgets are in different containers. When you click on a widget from the page designer, you will get the breadcrumbs above and see where the best spot is to add CSS to give the area some padding.

You can try going with the 'container' and then clicking on the edit button, which will then give you the edit options:

I would start with something like this - and see if that adds space (padding) between your widgets.

Hope this helps!

-Rob