Can't change font of homepagesearch in employee center because of a constructed style for AI Search

SNDeveloper26
Tera Contributor

Hello!

We are currently working on making the employee center consistent, with this, we want to use the same font. 

 

Unfortunately, changing the font for homepage search  on employee center is not working since it is referring to the constructed stylesheet customized for the AI search in Service Portal.  Please also note that currently the constructed stylesheet is created on the link function for the Service Portal Widget which overrides the CSS for AI Search components which are contained in a Shadow DOM.

 

 

Please see difference when elements are inspected OOTB and the our employee center:

 

OOTB Employee center

KirztineSebal1_2-1671426390079.png

 

Our Employee Center

KirztineSebal1_1-1671426345244.png

What has been done:
forced this tag to the instance with search for the homepage of employee center:
.input-containewr__input{

    font-family: Roboto !important;

}   

 

or 

 

input {

   font-family: Roboto !important;

}

 

Also checked the Themes, we have defined the desired font there. So I don't know what's affecting the employee center. Anyone has experience this before?

 

 

5 REPLIES 5

Arya9
Tera Contributor

Hi @SNDeveloper26 ,

 

Did you get a solution for this ? I'm also facing the same issue.