How to add border color for search bar

[Manisha30]

Hi All,

We have recently upgraded our Employee Service Center to Employee Center Pro and the instance version is Rome. Can someone suggest on how to add border color for the search bar in Employee Center Header.

Please refer to the below screen shot from PDI, it is working in PDI.

In PDI, the element for search box is "input-group .form-control:first-child" but in our working instance the search box element is class="input-container". We tried editing the html using inspect element and the border color was changed but when we add the styles in the CSS of the header widget it is not working.

Thanks in advance.

Manisha

[Community Alums]

Hi Manisha,

 You can try using the Branding Editor (Service Portal > Service Portal Configuration > Branding Editor)

Select "Employee Center" on the top left corner and change the colors as below:

Click on "Theme Colors" tab and change the respective colors.

Mark my answer correct & Helpful, if Applicable.

Thanks,

Sandeep

[Manisha30]

Hi Sandeep,

We tried using branding editor there is no specific place to change the border color for the search box. We tried adding the border color in the employee center Header widget but that is also not working.

[Sharad S]

Hi Manish, if it's only specific to that page/widget then you have to inspect elements and apply border-colour and border-width CSS properties as per your requirement. 

In my case, I have done the below change. 

Please mark as correct answer or helpful if the provided response resolves your query!

[harryo]

Hi Manisha,

Did you found an answer to this? Struggling with the same problem for Employee Center.

Thanks, Harry