changing the view of type head search on portal

[Yasin Shaik11]

@jaheerhattiwale 

Hi Jaheer,

Need help,

Whatever we have added type head search(PFA 01) on the header of the portal need to change the view as per the given attachment i.e 02. this search taken a reference from the hotstar page. 

Please guide me what are the changes are required to achieve this one. 

[jaheerhattiwale]

@Yasin Shaik11 Add the below css in the portal record

.input-group-typeahead{
border-bottom: white 1px solid;
}

.input-typeahead{
background: black;
border: black;
color: white;
border-radius: unset;
}

.input-typeahead::placeholder{
color: white;
}

.input-group-btn button{
background: black;
color: white;
border: none;
border-radius: unset;
}

Result:

Change the colors as per your requirement

Please mark as correct answer if this solves your issue.

[Yasin Shaik11]

@jaheerhattiwale 

Hi Jaheer,

Thanks for your reply,

It is working fine. Here i would like to change the font colour (Actually ,letters we are typing) for that please refer the attachment. 

[jaheerhattiwale]

@Yasin Shaik11 I added the color as white. Change the color you want in css

[Yasin Shaik11]

@jaheerhattiwale 

Hi Jaheer,

I have made the changes accordingly we can see the output as attached below. but typing letters colour are not changed its remains same only. like for example in the image Ths.01 i want to changes font(in the image  Ths.01 i have typed the Abcd ) which is exactly typed by the user. these things i need to change.