How to resize the search box

[shaik_irfan]

Hi,

On the Service portal homepage we wnat to reduce the length of the type ahead widget

Can anyone please help me how to do this ?

[Harsh Vardhan]

CTRL+ Right Click >> Instance in Page Editor >> use below css in css field. 

.input-group {
width: 90%;
}

[shaik_irfan]

Hi Sir,

I tried but it is reducing only at the right side as you can see below

How to bring back to the center ?

[Harsh Vardhan · Accepted solution]

give a try

.input-group {
width: 90%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

}

[shaik_irfan]

Thank You sir that works.

One more small help how to bring back the search box position little bit down